Navigācijas pogu bloks - uCoz sistēma - Vizuālie skripti

FORUMA LAPA

Lietotāju sarunas

BUZZ AMATU MEKLĒJUMOS | KONKURSS! IESPĒJA IEGŪT ESKLUZĪVU REKLĀMAS VIETU PORTĀLĀ!

Lappuse 1 no 1
1

Forums » uCoz sistēma » Vizuālie skripti » Navigācijas pogu bloks

Navigācijas pogu bloks

lavalair

Pievienots: Sestdiena, 12.05.26, 19:34 | Ieraksts # 1 Offline

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(/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>

Ielādējam pie sevis šo failu: http://buzz.ucoz.lv/askripti/poga.png

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

Iznākums: