Blogger Hacks Home Page Header

Top-menu-links
Vai al BLOG

 Top menu links
Aggiungere un menù orizzontale sotto al titolo del Blog

 

Per aggiungere un menù di argomenti ( links) sotto  l'Header del Nostro Blog innanzitutto bisogna aggiungere un elemento html nel quale inseriremo questo codice di esempio: <a href="http://www.chisono.com/" class="navigation">Chi sono</a>
<a href="http://www.foto.com/" class="navigation">foto</a>
<a href="http://www.wikipedia.com/ class="navigation">Wikipedia</a>
<a href="http://www.contact.com/" class="navigation">Contatti</a>
                            Salviamo; ora avremo questo elemento proprio sotto all'Header, bisognerà andare su -->>  Layout, spuntare la casella 'widgets' e scorrere con il mouse fino a trovare questo codice ( che si trova diverso la fine del Css a cascata: </b:skin>.
Ora, subito prima bisognerà aggiungere questo che segue:  a.navigation {
background: #ff0000;
color: #ffffff;
margin: 1px;
padding:2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #404040;
color: #ffffff;
text-decoration: none;
}
fine codice
Fatto; ora salviamo.   Il codice in rosso che è quello esadecimale dei colori dei "bottoni" lo potremo cambiare a Nostro piacimento; il codice in verde serve per cambiare a Nostro piacimento  lo spazio tra bottoni e la grandezza dei bottoni stessi...  proprio così abbiamo generato un piccolo pezzo di template esclusivamente con il codice Html !!