Vertikālā izvēle (oranža)

MEKLĒTĀJS FORUMA NOTEIKUMI LIETOTĀJI VĒSTULES JAUNĀKIE IERAKSTI SĀKUMLAPA

Lappuse 1 no 1
1

Pievienots: Svētdiena, 17.07.2011, 21:21:33

Ieraksti:

Amats: Dzēstās

Pašlaik:

Šo kodu ievietojam savā CSS failā:

Code

ul {
     list-style: none;
     margin: 0;
     padding: 0;
     }

    #menu4 {
     width: 200px;
     border-style: solid solid none solid;
     border-color: #D76100;
     border-size: 1px;
     border-width: 1px;
     margin: 10px;
     }

    #menu4 li a {
     height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
     text-decoration: none;
     }

    #menu4 li a:link, #menu4 li a:visited {
     color: #9E3C02;
     display: block;
     background: url(http://back-bize.at.ua/SCR/menu4.gif);
     padding: 8px 0 0 30px;
     }

    #menu4 li a:hover, #menu4 li #current {
     color: #fff;
     background: url(http://back-bize.at.ua/SCR/menu4.gif) 0 -32px;
     padding: 8px 0 0 30px;
     }

    #menu4 li a:active {
     color: #fff;
     background: url(http://back-bize.at.ua/SCR/menu4.gif) 0 -64px;
     padding: 8px 0 0 30px;
     }

Un šo kodu ievietojam jaunā blokā, vai kur citur vēlamies redzēt savu izvēlni un pielāgojam adrešu linkus savām vajadzībām:

Code

<div id="menu4">
     <ul>
     <li><a href="/"><span>Sākums</span></a></li>
     <li><a href="/search"><span>Meklēšana</span></a></li>
     <li><a href="/index/3"><span>Profils</span></a></li>
     <li><a href="/sitemap.xml"><span>Lapas karte</span></a></li>
     <li><a href="/forum"><span>Forums</span></a></li>
     </ul>
    </div>

Ja Tu izmanto vairākus CSS failus savā saitā, tad vienkārši jaunā blokā ieliec šo te kodu:

Code

<html>
<head>
<style type="Text/CSS">
ul {
     list-style: none;
     margin: 0;
     padding: 0;
     }

    #menu4 {
     width: 200px;
     border-style: solid solid none solid;
     border-color: #D76100;
     border-size: 1px;
     border-width: 1px;
     margin: 10px;
     }

    #menu4 li a {
     height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
     text-decoration: none;
     }

    #menu4 li a:link, #menu4 li a:visited {
     color: #9E3C02;
     display: block;
     background: url(http://back-bize.at.ua/SCR/menu4.gif);
     padding: 8px 0 0 30px;
     }

    #menu4 li a:hover, #menu4 li #current {
     color: #fff;
     background: url(http://back-bize.at.ua/SCR/menu4.gif) 0 -32px;
     padding: 8px 0 0 30px;
     }

    #menu4 li a:active {
     color: #fff;
     background: url(http://back-bize.at.ua/SCR/menu4.gif) 0 -64px;
     padding: 8px 0 0 30px;
     }
  </style>
  </head>
  <body>
  <div id="menu4">
     <ul>
     <li><a href="/"><span>Sākums</span></a></li>
     <li><a href="/search"><span>Meklēšana</span></a></li>
     <li><a href="/index/3"><span>Profils</span></a></li>
     <li><a href="/sitemap.xml"><span>Lapas karte</span></a></li>
     <li><a href="/forum"><span>Forums</span></a></li>
     </ul>
    </div>
    </body>
    </html>