Lappuse 1 no 11
Forums » uCoz sistēma » Vizuālie skripti » Navigācijas izskats v17
Navigācijas izskats v17
Spanky
Datums: Sestdiena, 06.06.2015, 17:15 | Ziņa # 1
Grupa: Administrators
Foruma posti: 550
Reputācija: 88


Code
<div id="navigation">
     <ul>
               <li><a href="/">Sākums</a></li>
                  <li id="active"><a href="/">Forums</a></li>
                  <li><a href="/">Galerijas</a></li>
      <li><a href="/">Raksti</a></li>
                  <li><a href="/">Spēles</a></li>
      <li><a href="/">Video</a></li>
      <li><a href="/">Seriāli</a></li>
                  <li><a href="/">Kontakti</a></li>
      <li><a href="/">Par mums</a></li>
     </ul>
   </div>     

<style>#navigation {
   width: 950px;
   height: 50px;
   margin: 0;
   padding: 0;
   background: url(http://labz.id.lv/skripti/nav-menuu/navigation-bg.jpg) no-repeat left top;
}   
#navigation ul {
   list-style: none;
   margin: 0;
   padding: 0;
}   
#navigation ul li {
   display: inline;
   margin: 0px;
}   
#navigation ul li a {
   height:33px;
   display: block;
   float: left;
   padding: 17px 15px 0 15px;
   font: bold 12px Arial;
   color: #FFF;
   text-decoration: none;
   background: url(http://labz.id.lv/skripti/nav-menuu/navigation-separator.png) no-repeat right center;
}   

#navigation ul li a:hover {
   color:#3B3B3B;
   background: url(http://labz.id.lv/skripti/nav-menuu/navigation-hover.png) repeat-x left top;
}

#navigation ul li#active a {
   color:#3B3B3B;
   background: url(http://labz.id.lv/skripti/nav-menuu/navigation-hover.png) repeat-x left top;
}</style>    



Pielikumi: 7387504.png(56Kb)
Forums » uCoz sistēma » Vizuālie skripti » Navigācijas izskats v17
Lappuse 1 no 11
Meklēšana: