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:
- Kods:
-
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:
- Kods:
-
<table style="border-collapse:collapse;width:50%;">
<tbody><tr>
<td><a class="zanrapoga" href="#"><b>1. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>2. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>3. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>4. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>5. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>6. links</b></a></td>
</tr><tr>
<td><a class="zanrapoga" href="#"><b>7. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>8. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>9. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>10. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>11. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>12. links</b></a></td>
</tr><tr>
<td><a class="zanrapoga" href="#"><b>13. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>14. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>15. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>16. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>17. links</b></a></td>
<td><a class="zanrapoga" href="#"><b>18. links</b></a></td>
</tr></tbody></table>
Ielādējam pie sevis šo failu:
http://www.fof.lv/jaunais/Zanra_poga.jpgAdreses un linkus mācēsiet nomainīt paši.