• Lappuse 1 no 1
  • 1
Navigācijas izskats v7
Spanky
Datums: Piektdiena, 18.05.2012, 19:07 | Ziņa # 1
Grupa: Administrators
Foruma posti: 543
Reputācija: 88


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 ----*/

  • Lappuse 1 no 1
  • 1
Meklēšana: