[CF]Marco |
|
| Codice Css da inserire in Amministrazione-Grafica-Colori e stiliCODICE #navmenu {margin: 0;
padding: 0;
background: #FFF;
border-bottom: 5px solid #0000FB;
border-top: 5px solid #0000FB}
#navmenu li {display: inline;
margin: 0;
padding: 0;
list-style-type: none}
#navmenu a:link, #navmenu a:visited {font-weight: bold;
margin-right: 10px;
text-decoration: none;
color: #0000FB;
border-bottom: 2px solid #0000FB}
#navmenu a:hover, a:link#selezionato, a:visited#selezionato {border-top: 2px solid #0000FB;
color: #0000FB;
border-bottom: 0} CODICE <div id="navmenu"> <ul> <li><a href="#"selezionato">Homepage</a></li> <li><a href="#">Contattaci!</a></li> <li><a href="#">Regolamento</a></li> <li><a href="#">Sito</a></li> </ul> </div> Andiamo alla semplice modifica dei colori e delle varie opzioni. Per quanto riguarda il Css il primo colore background: #FFF;
FFF (bianco) č lo sfondo compreso tra i due bordi. Se si vuole cambiare colore basta sostituite #FFF con il colore desiderato. Andiamo ai bordi. border-bottom: 5px solid #0000FB}
1° Bordo. border-top: 5px solid #0000FB;
2° Bordo. Ecco un esempio disponibile a questo LinkAlternativaEcco un'altra valida alternativa,un'altro menů per link Html-Css orizzontale. CssCODICE #nav ul {margin: 0;
padding: 0;
list-style: none}
#nav ul li {background-color: #000}
#nav ul li,
#nav ul li a {float: left;
display: block}
#nav ul li a {margin: 7px;
padding: 3px;
font-size: 16px;
color: #FFF;
text-decoration: none}
#nav ul li a:hover,
#nav ul li a.selected {background-color: #008080;
color: #272727} CODICE <div id="nav"> <ul> <li><a href="#" class="selected">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Chi siamo</a></li> <li><a href="#">Servizi</a></li> <li><a href="#">Contatti</a></li> </ul> </div> La modifica č molto simile (uguale) al primo menů. Ecco un esempio Click!
|
| | |
