Parašė utx· 2010 Rugp. 11 20:08:36
#3
Gali daryti mouseover funkciją, bet tada reiks table ir visus paveiksliukus atskirai perpiešti arba hover kodą galiu duoti savo
// Hover kodo pradžia by Ultimatium
// Kodas HTML faile
<div id="menu_hor">
<ul>
<li><a href="index.html">Info</a>
</li>
<li><a href="#">Diskusijos</a>
</li>
<li><a href="serv.html">Serverio info</a>
</li>
<li><a href="#">Siuntiniai</a>
</li>
</ul>
</div>
// Kodas stiliuose
#menu_hor {
height: 30px;
width: 722px;
padding-left: 10px;
padding-top: 17px;
margin-left:auto;
margin-right: auto;
}
div#menu_hor ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_hor li {
list-style: none;
margin: 0 1px 0 0;
display: block;
padding: 0;
float: left;
background:none;
text-align: center;
}
div#menu_hor a
{
font: normal 14px Verdana;
text-transform: none;
color:#000000;
display: block;
font-weight: normal;
text-decoration: none;
padding:0px 34px 0px 34px;
}
div#menu_hor a:hover
{
color:#FFFFFF;
background: url(images/nuotrauka-kai-pasikeičia.png);
text-decoration: none;
}
// Hover kodo pabaiga