[Acimredzamais neticamais ]
[ Jaunas vēstules · Dalībnieki · Foruma noteikumi · Meklēšana · RSS ]
  • Lappuse 1 no 1
  • 1
Foruma moderators: Laura, Markus  
Forums » Ucoz lietas » HTML & JavaScript & CSS » CSS3 Izvēlne
CSS3 Izvēlne
UnknowNDUDEDatums: Ceturdiena, 23.02.2012, 11.05 | Ziņas# 1
Markusa otrais profils
Grupa: Parbaudītie lietotāji
Ziņas: 16
Balvas: 3
Aizrādījums: 0%
Status:
Tautas apbalvojumi : 3 Balvu ielāde ...
Administrācijas apbalvojumi
Par 10 ziņojumiem
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.


Labot ziņu UnknowNDUDE - Otrdiena, 28.02.2012, 10.41
 
Forums » Ucoz lietas » HTML & JavaScript & CSS » CSS3 Izvēlne
  • Lappuse 1 no 1
  • 1
Meklēšana: