Navigācijas pogu bloks

Lappuse 1 no 1
1

Forums » uCoz » Skripti » Navigācijas pogu bloks

K1S

Datums: Pirmdiena, 15 Jūl 2013, 9:54 PM | Ziņojums # 1

Ieraksti:	91
Reģistrācija:	20 Jūn 2013
Reputācija:	109
Apbalvojumi:	10
Statuss:

Paredzēs dažādu krāsu dizainiem, lai attēlotu skaistu kategoriju izvēlni. RIP no fof[punkts]lv

Sākumā CSS faila beigās jāoievieno šāds kods:

Code

a.zanrapoga {
display: block;
width: 150px;
height: 20px;
text-align: center;
padding-top: 5px;
font-size:11px;
color:#000000;
font-family: 'Tahoma';
text-decoration: none;
background: transparent url(http://www.fof.lv/jaunais/Zanra_poga.jpg) no-repeat;
}

a.zanrapoga:hover {
background-position: 0 -25px;
}

Pēc tam vajadzīgajā vietā ievietojam kodu:

Code

<table style="border-collapse:collapse;width:50%;">
<tbody><tr>
<td><a class="zanrapoga" href="#">1. links</a></td>
<td><a class="zanrapoga" href="#">2. links</a></td>
<td><a class="zanrapoga" href="#">3. links</a></td>
<td><a class="zanrapoga" href="#">4. links</a></td>
<td><a class="zanrapoga" href="#">5. links</a></td>
<td><a class="zanrapoga" href="#">6. links</a></td>
</tr><tr>
<td><a class="zanrapoga" href="#">7. links</a></td>
<td><a class="zanrapoga" href="#">8. links</a></td>
<td><a class="zanrapoga" href="#">9. links</a></td>
<td><a class="zanrapoga" href="#">10. links</a></td>
<td><a class="zanrapoga" href="#">11. links</a></td>
<td><a class="zanrapoga" href="#">12. links</a></td>
</tr><tr>
<td><a class="zanrapoga" href="#">13. links</a></td>
<td><a class="zanrapoga" href="#">14. links</a></td>
<td><a class="zanrapoga" href="#">15. links</a></td>
<td><a class="zanrapoga" href="#">16. links</a></td>
<td><a class="zanrapoga" href="#">17. links</a></td>
<td><a class="zanrapoga" href="#">18. links</a></td>
</tr></tbody></table>

Adreses un linkus mācēsiet nomainīt paši.