A grande richiesta eccomi con un altro breve tutorial per modificare il menù di blogger o meglio come inserire una linea tratteggiata sopra e sotto il menù orizzontale come vedete qui nel mio blog.
Dal menù a tendina dove trovate anche i post, i commenti ecc cliccate su Modello > Personalizza > Avanzato > Aggiungi CSS.
Il codice CSS per aggiungere le lineette è: .tabs-inner .section:first-child ul {
border-bottom: 1px dashed #C0C0C0 !important;
border-top: 1px dashed #C0C0C0 !important;
}
Questo è un codice composto da elementi che potete modificare a seconda delle vostre esigenze e preferenze.
border-bottom /border-top: Questa proprietà del bordo produce l'effetto di sottolineare sopra e sotto il menù orizzontale. Se volete sottolineare solo sotto la barra allora togliete border-top.
Potete cambiare lo spessore dei trattini modificando il valore 1px.
Potete anche cambiare la linea da trattini (dashed) in puntini (dotte) oppure in riga (solid) normale o doppia ecc. inserendo solid | groove | ridge | double | inset | outset | dotted. Fate delle prove e vedete quale vi piace di più!
Alla fine potete cambiare il colore dei trattini usando i codici che trovate in questa tabella di colori di riferimento.
Nell'Anteprima che si trova nella stessa pagina in basso potete subito visualizzare la presenza o meno dei trattini di sottolineatura.
L'ultimo passo è cliccare su “Applica al blog” (in alto a destra) per confermare la modifica.
Fatto? Bene, siete riusciti ad inserire una linea tratteggiata sopra e sotto la barra del menù in un blog di Blogger!
RICORDA: Prima di apportare qualsiasi modifica è SEMPRE MEGLIO fare il back up del blog!!!!
Spero d'esservi stata utile!
STAY TUNED! :-)
Nessun commento:
Posta un commento
Il tuo commento è prezioso per me, grazie per aver trovato il tempo per fermarti e condividere il tuo pensiero!
*** Ai post un po' datati ho applicato la moderazione altrimenti, con la testa che mi ritrovo, i commenti rimarrebbero nel limbo!***