Lappuse 1 no 11
Forums » uCoz sistēma » Vizuālie skripti » Navigācijas izskats v14
Navigācijas izskats v14
Spanky
Datums: Svētdiena, 09.09.2012, 17:16 | Ziņa # 1
Grupa: Administrators
Foruma posti: 550
Reputācija: 88


1. Vietā kurā vēlamies redzēt navigāciju ievietojam šo kodu:
Code
<div id="menu">
<a href="/"><b>Sākums</b></a><div class="sep"></div>
<a href="/forum/"><b>Forums</b></a><div class="sep"></div>
   <a href="/photo"><b>Galerija</b></a><div class="sep"></div>
   <a href="/"><b>Skripti</b></a><div class="sep"></div>
   <a href="/"><b>Dizaini</b></a><div class="sep"></div>
   <a href="/"><b>Jociņi</b></a><div class="sep"></div>
   <a href="/"><b>PSD faili</b></a><div class="sep"></div>
   <a href="/"><b>Noderīgi</b></a><div class="sep"></div>
   <a href="/"><b>Veikaliņš</b></a><div class="sep"></div>
</div>


2. Iekš CSS ievieto šo kodu:
Code
#menu {
background: url('/images/nav.png') repeat;
width: auto;
height: 35px;
color: #fff;
line-height: 35px;
margin: 0;
padding: 0;
}

#menu a {
float: left;
display: block;
padding: 0px 15px 0px 15px;
line-height: 35px;
font-size: 12px;
color: #FFFFFF;
text-shadow: 1px 1px 1px #111111;
font-family: Arial;
text-decoration: none;
font-size: 11px;
text-transform : uppercase;
}

#menu a:hover {
background: url('/images/nav_hover.png') center repeat;
color:#fff;
line-height: 35px;
cursor: pointer;
}

#menu .sep
{
   list-style-type:none;
   float:left;
   height:35px;
   line-height:35px;
   padding-right:1px;
   background: url(/images/sep.png) no-repeat right;
}


3. Failu menedžerī izveido jaunu mapi "images" , kurā ielādējam visas bildes no pielikuma!



Pielikumi: 6270891.png(4Kb) · images.zip(6Kb)
Forums » uCoz sistēma » Vizuālie skripti » Navigācijas izskats v14
Lappuse 1 no 11
Meklēšana: