Epiphany: riconoscere i link che aprono nuove finestre
Con Epiphany è possibile cambiare la forma del cursore del mouse quando questo passa sopra dei collegamenti che apriranno nuove finestre (i famigerati link con target=”blank”); oltre a non essere accessibili, sui computer più vecchi si aprono più lentamente, perché si apre una nuova istanza del browser.
Basta inserire, all’interno del foglio di stile personalizzato dell’utente, la seguente regola CSS:
:link[target="_blank"], :visited[target="_blank"], :link[target="_new"], :visited[target="_new"] {
cursor: n-resize;
}
Il puntatore diventerà una freccia che punta verso l’alto.
Ma come modificare il foglio di stile dell’utente sotto Epiphany? Abbiamo già visto i due modi per farlo:
- modificare il file userContent.css;
- usare la voce “Usare un foglio di stile personalizzato” nelle preferenze di Epiphany (consigliato)
Nota: è anche possibile cambiare la forma del puntatore quando passa sopra a dei link javascript; questo è utile per vari motivi:
- un link con javascript non funziona se aperto in un tab; se riusciamo a distinguerlo, possiamo usare subito il click sinistro senza perdere tempo;
- alcune volte i link con javascript si portano dietro trojan (o aprono finestre popup); in questo modo siamo “avvisati” prima;
- se vogliamo promuovere un sito web, dobbiamo assicurarci che chi ci da un backlink usi link “puliti” (collegamenti fatti tramite javascript non trasmettono infatti il page rank delle pagine; inoltre sono poco accessibili - basta pensare che, a javascript disattivato, quei collegamenti non sono fruibili).
Basta aggiungere la seguente regola CSS:
a[href^="javascript:"] {
cursor: e-resize;
}
Se volete fare la stessa cosa su Firefox, vi consiglio la lettura di Cambiare il cursore su link popup e javascript su Il Blog che non c’è (che è anche la fonte di questo articolo).
Articoli simili:
Se questo articolo ti è stato utile, segnalalo sul tuo sito! Puoi inoltre seguire comodamente gli aggiornamenti di Techlog tramite il feed RSS; infine puoi lasciare un commento se ti serve aiuto (o anche solo per un saluto); anche qui non serve registrarsi (sono abilitati anche i commenti anonimi; l'E-Mail serve, eventualmente, per ricevere le notifiche delle nuove risposte). ;-)
October 25th, 2007 at 4:52 pm
e volendo mettere i punti esclamativi dopo?
mi son un po’ ijncartato coi css
October 25th, 2007 at 5:10 pm
@davide
In realtà ho linkato il mio articolo precedente sui nofollow solo perché la procedura per aprire il foglio di stile personalizzato è la stessa; poi in realtà basterebbe incollare il codice (o i codici, se vuoi evidenziare anche i link con javascript) CSS che trovi in questo articolo.
Se invece vuoi proprio aggiungere il punto esclamativo, aspetta un po’ che faccio un po’ di prove
October 25th, 2007 at 6:16 pm
esatto, io voglio aggiungere il punto esclamativo…
ho provato miscelando i due pezzi prima e dopo le {}, ma non ha funzionato, mi becco il link in rosso e dentro una cornice rossa… non troppo bello
quando hai la soluzione, mi faresti uno squillo in mail?
ho un trasloco da fare e son un po’ impegnato…
grazie mille
October 25th, 2007 at 8:00 pm
@davide
)
ok, ti mando un’email (anche se non dovessi trovare la soluzione
EDIT: trovata! (adesso sono su mac, ma su Camino funziona, per Epiphany dovrebbe essere la stessa cosa)
Al CSS aggiungi questo questo:
a[target="_blank"]:before, a[target="_new"]:before {content: "^";background-color: black !important;color: white !important;}Questo aggiunge una piccola “^” bianca su sfondo nero a sinistra di un link con target=”_blank”; è compatibile sia con la regola dei nofollow, sia con quella del puntatore del mouse
(EDIT2: dopo cena ti mando un’email, se nel frattempo la leggi fa’ sapere
)
October 26th, 2007 at 12:00 pm
ottimo, funziona benissimo. io l’ho messo così:
a[target=”_blank”]:before, a[target=”_new”]:before {
content: ” ^ “;
background-color: white !important;
color: black !important;
border-width: 1px !important;
border-style: solid !important;
border-color: black !important;
}
ti ringrazio ancora!
October 26th, 2007 at 6:15 pm
@davide
Figurati
December 2nd, 2007 at 1:20 am
[…] funziona sia con K-Meleon che Seamonkey, se volete farlo funzionare su Epiphany e Camino, leggete questo articolo di Notoriousxl. Altri post che potrebbero interessare:Come riconoscere i link nofollowForzare […]