Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Mygtukai
Parašė altenis· 2011 Vas. 10 15:02:26
#1
Sveiki,
Man reikia
CSS kodo, kad būtų šis mygtukas:
,
O ant jo užvedūs pelę pavirstų į šį:
+11 už pagalbą. ;)
Parašė MantasV· 2011 Vas. 10 20:02:22
#2
<style>
#mygtukai a {
display:block;
width: 150px;
display: block;
padding: 7px 2px 3px 25px;
text-decoration: none;
background: url(http://img1);
font: 11px verdana;
font-weight: bold;
color:#fff;
cursor: default;
}
#mygtukai a:hover {
background: url(http://img2);
padding: 7px 2px 3px 25px;
font: 11px verdana;
text-decoration: none;
font-weight: bold;
}
</style>
na kažkas net netestavau. tai nežinau ar normaliai veikia. Mokėsi manau įsiterpti į kodą.
Parašė altenis· 2011 Vas. 10 22:02:47
#3
O kaip būtų galima pratestuoti? :?
Parašė Rose· 2011 Vas. 10 22:02:38
#4
Aš žinau, kaip gali pratestuoti, tiesiog įdėk šias komandas kur parašė MantasV į savo style.css ir viskas :)
Parašė altenis· 2011 Vas. 10 22:02:51
#5
o į theme.php nereikia kodo į terpti? Jei reikia tai kaip išvest su styles.css tuo kodu?
Parašė Rose· 2011 Vas. 10 22:02:49
#6
Tu koduoji ant
php-fusion sistemos? Aš nemoku
php kalbos tai nežinau : )
Parašė altenis· 2011 Vas. 10 23:02:32
#7
na, o kaip ant
html patikrint? Nereikia niekur nieko išvest?
Parašė Rose· 2011 Vas. 10 23:02:46
#8
Nežinau apie koki tu išvedimą čia šneki.. :)
#mygtukai a {
display:block;
width: 150px;
display: block;
padding: 7px 2px 3px 25px;
text-decoration: none;
background: url(http://img1);
font: 11px verdana;
font-weight: bold;
color:#fff;
cursor: default;
}
#mygtukai a:hover {
background: url(http://img2);
padding: 7px 2px 3px 25px;
font: 11px verdana;
text-decoration: none;
font-weight: bold;
}
Tiesiog šitą irašyk į style.css failiuką ir turėtu veikti. :)
Parašė altenis· 2011 Vas. 10 23:02:32
#9
dėkui ryt pabandysiu. ;)
Parašė MantasV· 2011 Vas. 10 23:02:43
#10
supratau, kad nelabai mokėsi pasidaryti. Tai padedu.
<div id="mygtukai">
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
</div>
Na manau mokėsi pagal pavizdį.
Parašė altenis· 2011 Vas. 11 11:02:12
#11
nerodo...
http://mobile.tt.lt/la/la.html
Parašė MantasV· 2011 Vas. 11 11:02:40
#12
Nerodo, nes tame la.html nėra nurodytas
css failas. Jei įdėtum štai tokį kodą:
<?php
<style>
#mygtukai a {
display:block;
width: 114px;
height: 21px;
display: block;
padding: 7px 2px 3px 25px;
text-decoration: none;
background: url(http://img203.imageshack.us/img203/1631/mygtukas1.png);
font: 11px verdana;
font-weight: bold;
color:#fff;
cursor: default;
}
#mygtukai a:hover {
background: url(http://img638.imageshack.us/img638/6386/mygtukas2.png);
padding: 7px 2px 3px 25px;
font: 11px verdana;
text-decoration: none;
font-weight: bold;
}
</style>
<div id="mygtukai">
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
<a href="nuoroda" target="_self">Namai</a>
</div>
?>
tau veiktų.