 |
Autorius: |
ifreal.com |
Data: |
2006-10-07 17:04:53 |
| Lygis: |
 |
Pamatė: |
3843 |
| Versija: |
- |
|
|
Demonstracija:
1. Įkeliam ir pakoreguojam pagal savo poreikius žemiau pateiktą css kodą į stilių dokumentą:
/*mygtukas ramybės būsenoje*/
.mygtukai a {
display:block;
width: 121px; /*plotis*/
height: 20px; /*ilgis*/
padding-top: 5px; /*atstumas nuo viršaus, mygtuko viduje*/
margin-bottom: 2px; /*atstumas nuo mygtuko apačios*/
font: 11px verdana; /*šriftas*/
font-weight: bold; /*šrifto storis*/
color:#FFF; /*šrifto spalva*/
text-align: center; /*šrifto centravimas*/
text-decoration: none; /*šriftas nepabrauktas*/
background: url("but_1.gif") no-repeat; /*mygtuko fonas*/
}
/*mygtukas užvedus ant jo pelės žymeklį*/
.mygtukai a:hover {
color:#000; /*šrifto spalva*/
background: url("but_2.gif") no-repeat; /*mygtuko fonas*/
}
2. Vietoje, kurioje turi būti mygtukai įrašome ir pakoreguojame:
<div class="mygtukai">
<a href="#">Naujienos</a>
<a href="#">Apie mus</a>
<a href="#">Paslaugos</a>
<a href="#">Projektai</a>
<a href="#">Kontaktai</a>
</div>
Meniu
