Piedavaju jums manas lapas izvelnes kodu
Tātad šo ievadam kur vēlamies (kur bus meņu)
Code
<style type="text/css">
.gradientbuttons ul{
padding: 0px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*šeit iestatīt var to, kur atradīsies meņu. Labajā vai kreisajā pusē, vai centrā*/
}
.gradientbuttons li{
display: inline;
margin: 0;
}
.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 3px;
border: 0px solid #778;
color: white;
border:0px solid gray;
background: #3282c2;
border-radius: 5px;
box-shadow: 3px 5px 3px rgba(0,0,0,.3);
-moz-border-radius: 5px;
-moz-box-shadow: 3px 5px 3px rgba(0,0,0,.3);
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4);
-webkit-border-radius: 5px;
-webkit-box-shadow: 3px 5px 3px rgba(0,0,0,.3);
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4));
}
.gradientbuttons li a:hover{
color: lightyellow;
}
.greentheme li a{
font-size:12px;
background: green;
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690));
}
</style>
Tad žem CSS ievadam un rediģējam šo (pati izvēlne)
Code
<div class="gradientbuttons greentheme">
<ul>
<li><a href="lapa.com">Sākumlapa</a></li>
<li><a href="lapa.com">kautkada sadaļa</a></li>
<li><a href="lapa.com">kautkada sadaļa</a></li>
<li><a href="lapa.com">kautkada sadaļa</a></li>
<li><a href="lapa.com">Viesu grāmata</a></li>
<li><a href="lapa.com">kautkada sadaļa</a></li>
<li><a href="lapa.com">kautkada sadaļa</a></li>
<li><a href="lapa.com">kautkada sadaļa</a></li>
</ul>
</div>
Avots: http://www.dynamicdrive.com/style....buttons
Tur ir pieejamas vēl dažās krāsās.