• Lappuse 1 no 1
  • 1
Navigācijas izskats v3
Spanky
Datums: Otrdiena, 01.05.2012, 10:03 | Ziņa # 1
Grupa: Administrators
Foruma posti: 543
Reputācija: 88


1. Iekš CSS ievietojam šo kodu:
Code
/* Navigacija v3 */  
  .bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family: Tahoma;border-top:1px solid #484747;border-bottom:1px solid #484747;}  
  .bnav li {height:20px; display:block; background:url(http://www.bildites.lv/images/sr26d5em1xi16uq3xydc.png) no-repeat 0 0;text-indent:10px;font-size:11px;}  
  .bnav li:hover {background-position:0 -21px;}  
  .bnav li:hover a:link,  
  .bnav li:hover a:active,  
  .bnav li:hover a:visited {color:#dedede;text-shadow:0 0 3px #313131;padding-top:3;}  
  .bnav li:first-child {border:0;}  
  .bnav li a:link,  
  .bnav li a:active,  
  .bnav li a:visited {height:22px; display:block; color:#b5b5b5;padding-top:3;}  
  .bnav li a:hover {text-decoration:none; text-shadow:0 0 3px #313131;}  
  /*----*/


2. Izveidojam jaunu bloku, kurā ievietojam šo kodu:
Code
<ul class="bnav">  
  <li><a href="/" title="Galvenā lapa">Sākumlapa</a> </li>  
  <li><a href="/forum" title="Portāla Forums">Forums</a></li>  
  <li><a href="/forum/8" title="Dažādi skripti (HTML & CSS)">uCoz skripti</a></li>  
  <li><a href="/load/" title="uCoz dizaini">uCoz dizaini</a> </li>  
  <li><a href="/forum/9" title="uCoz pamācības">uCoz pamācības</a> </li>  
  <li><a href="/forum/7" title="Baneru apmaiņa">Baneru apmaiņa</a> </li>  
  </ul>

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