Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Keli hover kodai

Parašė Matulis· 2010 Rugp. 11 19:08:24
#1

Sveiki padariau toki dizainiuka, kureme yra meniu ir jis sudarytas is atskiru paveiksleliu, dabar kai uzvedi pele ant jo man reike kad jis parisketu ir zinau kad .css faile reik nustytyti to kintamojo stiliu, bet kike maciau visur yra vienas hover stilius ir jis duoda tik 1 paveiksliuka visiems meniu paveiksliukams, man reike kad jie butu visi skirtingi, tai imanoma? :?

Parašė ĄČĘĖĮŠŲ· 2010 Rugp. 11 20:08:59
#2

<a id="1">link1</div>
<a id="2">link2</div>

style:

#1{
color: #fff;
}

#1:hover{
color: #000
}

Kaip suprantu šito reik?

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



Parašė ĄČĘĖĮŠŲ· 2010 Rugp. 11 20:08:19
#4

Jeigu darai su img geriau mouseover funckciją, jeigu tekstą keisi jo deocrą ar backgroundas tik spalva, tai manau geriau hover.