28-11-2009, 23:38
Jeżeli chodzi Ci o menu wysuwane to przykładowe kody:
HTML:
CSS:
Wystarczy poszukać na google.pl
.
HTML:
Kod:
<ul id="navi">
<li><a href="#">Aktualności</a>
<ul>
<li><a href="#">Polska</a></li>
<li><a href="#">Świat</a></li>
</ul>
</li>
<li><a href="#">Tutoriale</a>
<ul>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Css</a></li>
<li><a href="#">Fotografie</a></li>
<li><a href="#">jquery</a></li>
</ul>
</li>
<li><a href="#">Inspiracje</a>
<ul>
<li><a href="#">ikony</a></li>
<li><a href="#">strony</a></li>
</ul>
</li>
</ul>
CSS:
Kod:
* {
padding:0;
margin:0;
}
#navi {
font:11px verdana, arial, sans;
background:#252525;
}
#navi li a {
display:block;
color:white;
text-decoration:none;
border-right:1px #4c4c4c solid;
padding:10px 20px;
}
#navi li a:hover,#navi li a.hover {
background:#00ccff;
}
#navi li ul {
background:#4d4d4d;
}
#navi li li a {
width:150px;
border:0;
background:#4d4d4d;
}
#navi li li a:hover {
background:#7b7b7b;
}
Wystarczy poszukać na google.pl
