✔ Bleibender Hover-Effekt

[RageNo1]

Hallo,
wie realiesiere ich am besten einen solchen Hovereffekt wie hier: http://www.brainblog.de

Oben bei der Navigation bleibt der Hover, nachdem man es angeklickt hat.
Dabei geht es in erster Linie darum, das der Hover erhalten bleibt,
bis man eine andere Kategorie anklickt.

Gruß Ragey

 

[Maik]

Hierfür wird in dem Link der aktuell geöffneten Seite die ID #current gesetzt:

#headernavigation A:hover,A#current {
color:#fff;
background-color:#AB5304;
text-decoration:none;
}

<!-- Start -->
<div id="headernavigation">
	<a id="current" href="/">Start</a>
	<a href="/archives/1" title="Archiv">Archiv</a>
	<a href="/toprated" title="Top Rated/Most Viewed">Top rated</a>
	<a href="/faq" title="F.A.Q.">f.a.q.</a>
	<a href="/partner" title="Linkpartner">Partnerseiten</a>
	<a href="/register" title="Registrieren">registrieren</a>
	<a href="/mail" title="Kontakt/Linktipp">Kontakt/Linktipp</a>
	<a href="/impressum" title="Impressum">Impressum</a>
	<a href="irc://irc.quakenet.org/brainblog" target="_blank" title="brainblog im irc">brainblog@irc</a>
	<a href="http://www.kgzv.com/cgi-bin/toplist/toplist.pl?action=click_in&amp;account=Brainblog" target="_blank" title="vote at kgzv">vote</a>
</div>

<!-- Archiv -->
<div id="headernavigation">
	<a href="/">Start</a>
	<a id="current" href="/archives/1" title="Archiv">Archiv</a>
	<a href="/toprated" title="Top Rated/Most Viewed">Top rated</a>
	<a href="/faq" title="F.A.Q.">f.a.q.</a>
	<a href="/partner" title="Linkpartner">Partnerseiten</a>
	<a href="/register" title="Registrieren">registrieren</a>
	<a href="/mail" title="Kontakt/Linktipp">Kontakt/Linktipp</a>
	<a href="/impressum" title="Impressum">Impressum</a>
	<a href="irc://irc.quakenet.org/brainblog" target="_blank" title="brainblog im irc">brainblog@irc</a>
	<a href="http://www.kgzv.com/cgi-bin/toplist/toplist.pl?action=click_in&amp;account=Brainblog" target="_blank" title="vote at kgzv">vote</a>
</div>

<!-- usw. -->

 

[RageNo1]

Dann muss ich doch dafür jeweils eine Seite erstellen wo
ich dann statt z.B. class="navigation" dort class="current"
angebe, oder?

 

[Maik]

Richtig, denn diese Technik funktioniert nur mit einzelnen Projektseiten.