Vertikāls menju - uWM // FORUMS

Lappuse 1 no 1
1

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » LIETOTĀJU WEB MATERIĀLI » Vertikāls menju

Vertikāls menju

raimis1997

Sestdiena, 30.07.2011, 4:37:33 | Ieraksts #1

PRASTS BIEDRS

Foruma ieraksti: 62

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@raimis1997 raksta .. :

Šo kodu ievietojam kādā no blokiem:

Code

<span class="blockmenu"> <a href="/publ/filmas/piedzivojuma_filmas/6">Piedzīvojumu filmas</a>
<a href="/publ/filmas/komedijas/7">Komēdijas</a>
<a href="/publ/filmas/animacijas_filmas/8">Animācijas filmas</a>
<a href="/publ/filmas/romantika/9">Romantika & Drāma</a>
<a href="/publ/filmas/fantastika/10">Fantastika</a>
<a href="/publ/filmas/asa_sizeta_filmas/12">Asa sižeta filmas</a>
<a href="/publ/filmas/sausmu_filmas/13">Šausmu filmas</a>
<a href="/publ/filmas/trilleris/11">Trilleris</a>
<a href="/publ/filmas/filmas_krievu_val/14">Filmas krievu val.</a> </span>

Un šo ievietojam CSS beigās:

Code

.blockmenu { height:18px; width: 100%; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; } .blockmenu a:link, .blockmenu a:visited {color:#7E7E7E; text-shadow:0px 1px 0px #ffffff; text-decoration:none; padding-left:5px; line-height:17px; display:block; font-weight:normal; border-bottom: 1px solid #868686; border-top: 1px solid #ffffff; text-align: left; } .blockmenu a:hover { color:#ffffff; text-decoration:none; text-shadow:0px 1px 0px #404040; padding-left:5px; line-height:17px; display:block; font-weight:normal; border-bottom: 1px solid #4c4c4c; background: #6c6c6c url("") no-repeat left center; text-align: left; }

Tilkoja un testēja SuperStarLV

Iznākumā: