Horizontāls navigācijas izskats (melns)

Lappuse 1 no 1
1

Horizontāls navigācijas izskats (melns) (Piestāv gaišiem dizainiem)

Horizontāls navigācijas izskats (melns)

Spanky

Svētdiena, 09.09.2012, 5:20:11 | Ieraksts #1

VECĀ MIESA

Foruma ieraksti: 374

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Spanky raksta .. :

Navigācijas izskats šeit - http://ucoz-script.do.am/_fr/2/6270891.png

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!