Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi
 
Domov > Forum > Računalništvo

Meniji in oznaka menijev v DW

 
 
30.1.2010, 14:37
Zanima me kako postaviš menije oz. kakšno kodo moraš vnesti na stran (templejte), da ti meni ostane obarvan drugače od ostalih, da se točno vidi na kateri spletni strani se nahajaš.

Kot je naprimer na strani 24.ur.com
http://24ur.com/ekskluziv/
Meni ekskluziv je ostal bel, ostali so rumeni.

Hvala za odg.
 
 
 
30.1.2010, 14:39
Imaš že kakšno kodo za meni, ali ga še nimaš narejenega?
 
 
 
30.1.2010, 14:43
Imam, narejene menije v zgornji vrstici.
Pri eni izmed strani imam še menije na desni, bi tudi želela, da se vidi na kateri strani si. Da ostane iste barve kot "a:hover".
 
 
 
30.1.2010, 14:58
<td class="menu">

<a class="menu-link" href="#">MENU 1 </a>
<a class="menu-link" href="#">MENU 2 </a>
<a class="menu-link" href="#">MENU 3 </a>
<a class="menu-link" href="#">MENU 4</a>

</td>

CSS pa izgleda tako:

a.menu-link, a.menu-link:visited {
background-image:url(../i/menu-sep.gif);
height:30px;
line-height:30px;
background-position: right;
background-repeat:no-repeat;
padding-left:7px;
padding-right:14px;
padding-top:6px;
padding-bottom:6px;
font-family: tahoma;
font-size:15px;
color:#FFF;
text-decoration:none;
font-weight:bold
}
a.menu-link:hover {
background-image:url(../i/menu-bg_hover.gif);
background-position:center;
background-repeat:repeat-x;
color:#ffffff;
text-align: left;
}


spremenil: bb27 (30.1.2010 ob 15.08.17)
 
 
 
30.1.2010, 15:30
Ustvari še en CSS stil:

a.menu-link-trenutno {
background-image:url(../i/menu-sep.gif);
height:30px;
line-height:30px;
background-position: right;
background-repeat:no-repeat;
padding-left:7px;
padding-right:14px;
padding-top:6px;
padding-bottom:6px;
font-family: tahoma;
font-size:15px;
color:#FF0000;
text-decoration:none;
font-weight:bold
}


In potem moraš ročno na vsaki strani spremeniti:

<td class="menu">

<a class="menu-link-trenutno" href="#">MENU 1 </a>
<a class="menu-link" href="#">MENU 2 </a>
<a class="menu-link" href="#">MENU 3 </a>
<a class="menu-link" href="#">MENU 4</a>

</td>
 
 
 
31.1.2010, 20:09
Hvala za predlagano vednar kot že rečeno je stran kar obsežna. Zato sem izdelala raje template (oz. 2, še za tiste strani, kjer imam menije še pri strani), tako da na straneh lahko urejam le vsebino.
Kaj predlagate... kolikor sm slišala se da to rešiti tudi s "sledenjem na strani" oz. "kje sm".


spremenil: bb27 (31.1.2010 ob 20.57.55)
 
 
 
6.2.2010, 19:34
A morda lahko predlagate kakšno drugo rešitev?
 
 
 
7.2.2010, 12:24
Sam bi se tega lotil s PHP-jem.

V spremenljivki $_SERVER["PHP_SELF"] se nahaja naslov trenutne strani.

Tako bi lahko recimo naredila nekaj podobnega:

<a class="<?
if ($_SERVER["PHP_SELF"]=='stran1.php')
echo 'menu-link-trenutno';
else
echo 'menu-link';
?>" href="#">MENU 1 </a>
Torej, če se trenutna stran imenuje stran1.php, bo uporabljen stil menu-link-trenutno, v nasprotnem primeru pa bo stil menu-link.
Podobno narediš še za ostale postavke v meniju.

Mora pa stran podpirati PHP (imeti mora končnico .php), saj drugače to ne bo delovalo. Prav tako je koda lahko nekoliko drugačna, v kolikor uporabljaš za določitev strani dodatne parametre.


spremenil: podtalje (7.2.2010 ob 12.29.57)
 
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!