Pubblicato il 11/06/15e aggiornato il

Come modificare inline i colori dei link in una pagina web.

Come modificare i colori dei collegamenti in una pagina web senza toccare il codice del modello o del tema.
Se avete un blog su Blogger potete impostare i colori dei link andando sul Designer modelli che si trova su Modello > Personalizza > Avanzato > Link per settare i colori che più vi piacciono. I colori preimpostati per i testi di ancoraggio dei collegamenti non sono fissi ma sono essenzialmente di quattro tipi di cui solo tre utilizzati di solito. 

C'è il colore classico di default e quello che appare quando si punta un link con il mouse. Poi il colore dei link che sono già stati aperti nel browser cambia ancora così come può farlo anche il link che sia attivo. Si può modificare il template come mostrato in un precedente articolo ma quando vogliamo personalizzare i colori di un collegamento in un solo post possiamo inserire una classe di stile apposita senza toccare il modello. 

Per esempio incollando questo codice

<style>
.stilelink a{font-size:20px; font-weight:bold; color: #fff !important; border-bottom:2px dotted yellow; background-color:green; text-decoration:none;}
.stilelink a:hover {color:#000 !important; border-bottom:2px dashed green; background-color:yellow; text-decoration: none; }
.stilelink a:visited {color:#33348e; text-decoration: none; }
</style>

all'inizio del post su HTML, quando vogliamo postare un link con un colore diverso dal solito bisogna usare un altro codice con questa struttura

<div class="stilelink"><a href="URL_LINK">Testo di ancoraggio</a></div>

che produce un risultato come questo



Alternativamente i due codici possono anche essere incollati uno di seguito all'altro. Per personalizzare i link in questo modo vi consiglio di consultare i post sui codici dei colori e sullo stile dei bordi.Questo metodo funziona non solo su Blogger ma su qualsiasi pagina web.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.