Autor | Zpráva | ||
---|---|---|---|
defcon Profil |
#1 · Zasláno: 2. 8. 2007, 22:01:21
Ahoj předem se omlouvám pokud téma už někde existuje ale ja ho nenašel mám takový problém
mám menu kde mě stránky mění PHP script. Odkazi v menu mám jako obrázky a to tak že jsou tři jeden pro neaktivní stav druhý pro přejetí myši nad něj a třetí pro aktivaci a pro zobrazení aktualního odkazu. Mám v podstatě všechno udělané jen nevím jak mám udělat, aby po aktivaci odkazu zůstal ten třetí obrázek. Bohužel mám stránky zatím jen na lokalhostu tak ukaži jen kod Css: } #menu a { display: block; width: 150px; height: 40px; color: #777; background: url("../pic/T1.jpg") no-repeat; text-decoration: none; font-size: 45%; text-align: right; } #menu a:hover { background: url("../pic/T2.jpg") no-repeat; color: #777; font-size: 45%; text-align: right; } #menu a:active { background: url("../pic/T3.jpg") no-repeat; color: #777; font-size: 45%; text-align: right; } div.outer span { display: block; margin:0; padding: 8px 25px 0 10px; } HTML; <div class="levy"> <img src="../pic/MENU.jpg"> <div id="menu"> <div class="outer"> <a href="?ukaz=domu" title="Odkaz 1"><span>Odkaz 1</span></a> </div> <div class="outer"> <a href="?ukaz=clenove" title="Odkaz 2"><span> Odkaz 2</span></a> </div> <div class="outer"> <a href="?ukaz=onas" title="Odkaz 3"><span>Odkaz 3</span></a> </div> <div class="outer"> <a href="?ukaz=historie" title="Odkaz 4"><span>Odkaz 4</span></a> </div> <div class="outer"> <a href="?ukaz=rekordy" title="Odkaz 5"><span> Odkaz 5</span></a> </div> </div> </div> PHP scritp: <div class="stredni"> <?php /*PHP script pro prehazovani stranek */ $ukaz="pages/".$_GET["ukaz"]; if (! is_null($ukaz)){ if (File_Exists ($ukaz.".php")){ include $ukaz.".php"; } elseif (File_Exists ($ukaz.".html")){ readfile($ukaz.".html"); } else {include "pages/domu.html";} } ?> </div> Předem diky moc za rady. |
||
temistokles Profil |
#2 · Zasláno: 2. 8. 2007, 22:05:54
#menu a:active -> #menu a:active, #menu a.active
S tým, že v php priradíš "aktuálnemu odkazu" class="active" |
||
DJ Miky Profil |
#3 · Zasláno: 2. 8. 2007, 22:06:12
<a href="?ukaz=domu" title="Odkaz 1"><span>Odkaz 1</span></a>
nahradit za: <a href="?ukaz=domu" title="Odkaz 1" <?php if($_GET['ukaz']=='domu') echo 'class="aktivni"'; ?>><span>Odkaz 1</span></a> atd. a v CSS: #menu a:active { background: url("../pic/T3.jpg") no-repeat; color: #777; font-size: 45%; text-align: right; } nahradit za: #menu a:active, #menu a.aktivni { background: url("../pic/T3.jpg") no-repeat; color: #777; font-size: 45%; text-align: right; } Je to jedno z možných a nejjednodušších řešení. |
||
defcon Profil |
#4 · Zasláno: 2. 8. 2007, 22:21:39 · Upravil/a: defcon
To DJ Miki Dik toto řešeni sem zkoušel ale špatně do html sem daval jen
<a href="?ukaz=domu" title="Odkaz 1" class="aktivni"><span>Odkaz 1</span></a> tak to du zkusit diki moc |
||
Časová prodleva: 17 let
|
0