1. Vietā kurā vēlamies redzēt navigāciju ievietojam šo kodu:
Code
<ul id="menu">
<li><a href="/" title="">Sākumlapa</a></li>
<li><a href="/forum" title="">Forums</a></li>
<li><a href="/publ" title="">Raksti</a></li>
<li><a href="/load" title="">Faili</a></li>
<li><a href="/photo" title="">Galerija</a></li>
<li><a href="/index/0-2" title="" target="_blank">Par mums</a></li>
</ul>
2. Iekš CSS ievietojam šo kodu:
Code
/*---- Navigācijas izskats v7 ----*/
#menu {font: 11px Arial, Helvetica, sans-serif;
background-image:url('http://www.bildites.lv/images/nsmnvcziqczgn0a3iro.png');
background-repeat:repeat-x;
height:30px;
line-height:30px;
color:#9b9b9b;
border:solid 1px #cacaca;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
}
#menu li {list-style-type:none;
float:left;
padding-left:10px;
}
#menu a {height:30px;
display:block;
background-image:url('http://www.bildites.lv/images/hd4jno1wh6dr8gl70zvl.png');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#454545;
}
.home {border:none;
margin: 8px 0px;
}
#menu a:hover{color: gray;
}
/*---- Menu end ----*/