Horizontāls navigācijas izskats (zaļš)

Lappuse 1 no 1
1

Spanky

Svētdiena, 12.08.2012, 10:31:41 | 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 .. :

1. Vietā kurā vēlamies redzēt navigāciju, ievietojam šo kodu:

Code

<div id="navig">

   <a id="Menu" href="/">Sākums</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #1</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #2</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #3</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #4</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #5</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #6</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #7</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #8</a><div id="navlinija"></div>
   <a id="Menu" href="/">Tavs #9</a>

</div>

2. Iekš CSS ievieto šo kodu:

Code

#navig {width:100%;height: 39px;text-align:left;border:1px solid #2e6417;background: url(http://ucoz-script.do.am/skripti/navigacijas-linija-v10.png) #4ca326 0px 0px repeat-x;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
#navlinija {box-shadow:#2e6417 -1px 0px 0px;border-left:1px solid #91c77a;height:38px;float:left;}
a#Menu:link,a#Menu:active,a#Menu:visited {color:#ffffff;text-decoration:none;text-shadow: #2e6417 0px -1px 0px;height:26px;padding: 0 24px 0 24px;padding-top:12px;float:left;}
a#Menu:hover {color:#ffffff;text-decoration:none;text-shadow: #163309 0px -1px 0px;background-color:#408b20;}