Epiphany: evidenziare i nofollow

Grazie ad alcune estensioni di Firefox, si possono evidenziare i collegamenti ipertestuali con l’attributo rel=”nofollow”; modificando un foglio di stile, è possibile ottenere lo stesso risultato con Epiphany.

Primo metodo: modifica di userContent.css

È estremamente semplice: basta aprire il file userContent.css, all’interno della directory $HOME/.gnome2/epiphany/mozilla/epiphany/chrome (se non sono presenti il file e/o la directory chrome, crearli), e inserirci una regola CSS (a browser chiuso); potete usare uno dei due stili che propongo.

Secondo metodo: usare il foglio di stile personalizzato

Aprire le preferenze e andare nella scheda Caratteri & Stile; abilitare Usa foglio di stile personalizzato e fare click sul pulsante Modifica foglio di stile. Si aprirà l’editor di testo: basta incollarci uno dei due stili proposti e aggiornare la pagina corrente, per applicare immediatamente le modifiche.

Il vantaggio di questo metodo è la possibilità di attivare / disattivare l’evidenziazione dei nofollow semplicemente mettendo o togliendo la spunta alla voce Usa foglio di stile personalizzato, senza dover riavviare il browser (al limite basta aggiornare la pagina, come detto prima). Ringrazio Luca Ferretti per la segnalazione.

Stili di evidenziazione

Evidenziatore giallo

Con questo stile lo sfondo dei collegamenti con nofollow viene colorato di giallo e il testo di rosso, come nell’immagine:

Tutti i collegamenti a cui non viene passato il page rank vengono evidenziati in giallo; vi state per caso domandando perché anche i pulsanti di social bookmarking abbiano il nofollow ?

Questo è il codice da usare:

a[rel $='nofollow']
{
background-color: yellow !important;
color: red !important;
font-weight: bold !important;
text-decoration: none !important;
border-width: 2px !important;
border-style: outset !important;
border-color: red!important;
}

Punto esclamativo a destra del link

Se preferite un’evidenziazione più discreta, potete aggiungere dei piccoli punti esclamativi rossi a destra dei link con nofollow:

Questo è il codice da usare:

a[rel~="nofollow"]:after {
content: " ! ";
background-color: white !important;
color: red !important;
font-weight: bold !important;
border-width: 1px !important;
border-style: solid !important;
border-color: red !important;
}

Se conoscete altri usi del file userContent.css, o avete altri stili da applicare, fatemelo notare nei commenti…
È tutto!
L’articolo Come riconoscere i link nofollow del blog di gialloporpora, che spiega come evidenziare i link con attributo nofollow su Firefox senza usare estensioni, mi è stato particolarmente utile per fare la stessa cosa su Epiphany, che non supporta le estensioni del fratello maggiore, ma che, per questioni di leggerezza, preferisco.

Articoli simili:

• Epiphany: riconoscere i link che aprono nuove finestre
• Camino: visualizzare i nofollow
• Opera Browser: mostrare i nofollow
• Installare Firefox 3 (stabile) con Flash Player 10 sull’Eee PC
• Impostare il Browser di Default su Debian GNU/Linux (e Asus Eee PC)

Etichette: Browser, Epiphany, Guide, linux, nofollow, Open-Source, seo, userContent.css

Autore: Andrea Romagnoli
Questo articolo è stato pubblicato il Monday, October 22nd, 2007 alle 12:37 pm sotto la categoria Linux How-to. Puoi seguire i commenti di questo articolo tramite il feed RSS 2.0. Puoi lasciare un commento, o mandare un trackback dal tuo sito.

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). ;-)