nanos Mitglied
Angemeldet: 04.06.2004 Beitrge: 1752
|
Verfasst am: 07.02.2008, 15:26 Titel:
Aktive Linkgrafik |
|
|
|
|
Hi,
ich habe mir in Dreamweaver eine Rollover-Grafik Navi gebaut. Funktioniert soweit alles so wie es soll, beim Mouseover wird die Grafik gendert. Schn.
Nun mchte ich aber, dass die Rollovergrafik "stehen bleibt" wenn man draufgeklickt hat, sodass der Besucher sieht, auf welcher Seite er sich gerade befindet.
Habe in Dreamweaver trotz der zahlreichen Mglichkeiten keine passende Funktion gefunden (weder bei Rollovergrafik noch bei Navigationsleiste) und bei Google bislang nur eine fr mich ziemlich undurchsichtige Lsung gefunden (http://www.netz-notizen.de/javascript/tipps/change.htm).
Ist zwar in etwa das was ich suche (nur dass ich komplette Buttons ersetzen will und nicht nur ein "Quadrat") aber ich blicke da nicht durch den Quelltext.
Hat jemand schonmal Erfahrungen damit gemacht und/oder eine einfachere Lsung parat?
Danke schon mal fr alle Tipps. |
|
deLiTe. Mitglied
Angemeldet: 16.09.2006 Beitrge: 504 Wohnort: Freiburg Interessen: Eye-Candy
|
Verfasst am: 07.02.2008, 16:30 Titel:
|
|
|
|
|
Ich benutze dafr immer die Wordpress-internen Conditional Tags. Das she dann zb. so aus:
Code: | <ul id="nav">
<li<?php if ( is_page('home') ) { echo ' class="current"'; } ?>><a href="#">Home</a></li>
<li<?php if ( is_page('about') ) { echo ' class="current"'; } ?>><a href="#">About</a></li>
<li<?php if ( is_page('submit') ) { echo ' class="current"'; } ?>><a href="#">Submit</a></li>
</ul>
|
bersetzt heit das so viel wie: Wenn die momentane Seite "about" heit, wird die Klasse "current" eingefgt, welche dann den von dir gewnschten Effekt zustande bringt.
Das sieht dann so aus wie hier: http://www.marketing-am-see.de/
Funktioniert natrlich auch mit komplexeren Grafiken.
Ich denke aber mal, dass du nicht Wordpress benutzt und wieviele CMSysteme solch hnliche Mglichkeiten bieten wei ich nicht.
Die einzige andere mir noch bekannte (nicht PHP-/Javascript-) Methode ist diese hier:
http://www.hicksdesign.co.uk/else/cssnav/index.html
Ist eigentlich recht leicht verstndlich, finde ich aber im tatschlichen Gebrauch sehr umstndlich.
Edit: und hier nochmal auf Deutsch
http://www.andreas-kalt.de/webdesign/tutorials/ausgewaehlte-seite-hervorheben |
|