Kommentare zu: Aktuellen Link mit CSS hervorheben http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/ Webwork, WordPress und Internet Wed, 19 Nov 2008 04:04:48 +0000 http://wordpress.org/?v=2.6.3 Von: Kontextsensitive Navigation in WP » Peruns Blog - Webwork und Internet http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-8629 Kontextsensitive Navigation in WP » Peruns Blog - Webwork und Internet Sat, 16 Jul 2005 18:28:14 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-8629 [...] Ich habe mir schon länger darüber Gedanken gemacht, wie man dies automatisieren könnte. Schon relativ früh war mir klar, daß eine der Möglichkeiten es wäre den Titel (wp_titel) der jeweiligen Unterseite auszulesen, aufzubereiten (z.B. die Leerzeichen entfernen) und im Bodytag und innerhalb der Navigation als zusätzliche ID einzufügen. Das Prinzip habe ich schonmal unter dem Stichwort Aktuellen Link mit CSS hervorheben beschrieben. [...] [...] Ich habe mir schon länger darüber Gedanken gemacht, wie man dies automatisieren könnte. Schon relativ früh war mir klar, daß eine der Möglichkeiten es wäre den Titel (wp_titel) der jeweiligen Unterseite auszulesen, aufzubereiten (z.B. die Leerzeichen entfernen) und im Bodytag und innerhalb der Navigation als zusätzliche ID einzufügen. Das Prinzip habe ich schonmal unter dem Stichwort Aktuellen Link mit CSS hervorheben beschrieben. [...]

]]> Von: Martin http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-746 Martin Sun, 28 Nov 2004 20:40:59 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-746 Man könnte auch, wenn man nicht alle Links per Skript durchgehen will, um Klassen zu setzen, CSS3-Selektoren nehmen, z. B. so: <code><style type="text/css"> a[href=/foo/bar.baz] { /* Formatierungen hier */ } </style> </code> /foo/bar.baz wäre die aktuelle Seite, man müsste nur diesen Teil im <head> ausgeben. Eine Zeile PHP reicht da ^^ Man könnte auch, wenn man nicht alle Links per Skript durchgehen will, um Klassen zu setzen, CSS3-Selektoren nehmen, z. B. so:
<style type="text/css">
a[href=/foo/bar.baz] { /* Formatierungen hier */ }
</style>

/foo/bar.baz wäre die aktuelle Seite, man müsste nur diesen Teil im <head> ausgeben. Eine Zeile PHP reicht da ^^

]]> Von: Perun http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-720 Perun Wed, 24 Nov 2004 07:54:38 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-720 Hi Rene, <blockquote>ich sehe den Vorteil deiner Variante nicht […]</blockquote> und was machst du wenn du auf dem Server kein PHP & Co. zur Verfügung hast? Ich habe mir mal sagen lassen, daß man dann mit <code>if else</code> nicht weit kommt ;-) Hi Rene,

ich sehe den Vorteil deiner Variante nicht […]

und was machst du wenn du auf dem Server kein PHP & Co. zur Verfügung hast? Ich habe mir mal sagen lassen, daß man dann mit if else nicht weit kommt ;-)

]]> Von: René http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-718 René Tue, 23 Nov 2004 22:02:00 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-718 nur so am Rande: ``Geordnete und ungeordnete Listen´´ was ist schon geordnet? Ich finde die Begriffe nummerierte Liste und Aufzählungsliste aussagekräftiger ... zum eigentlichen: ich sehe den Vorteil deiner Variante nicht. Im herkömmlichen (oberen) Fall mache ich im Code nix anderes als eine: if (aktuelleSeite == dieser Link) besondere Klasse else normal im unteren Falle müßte ich zudem noch die CSS-Datei dynamisch machen - und davor scheue ich mich etwas ... Wordpress hat immer noch diesen Bug bei eckigen Klammern ... nur so am Rande:

"Geordnete und ungeordnete Listen´´

was ist schon geordnet? Ich finde die Begriffe nummerierte Liste und Aufzählungsliste aussagekräftiger …

zum eigentlichen: ich sehe den Vorteil deiner Variante nicht. Im herkömmlichen (oberen) Fall mache ich im Code nix anderes als eine:

if (aktuelleSeite == dieser Link)
besondere Klasse
else
normal

im unteren Falle müßte ich zudem noch die CSS-Datei dynamisch machen - und davor scheue ich mich etwas …

Wordpress hat immer noch diesen Bug bei eckigen Klammern …

]]> Von: René http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-717 René Tue, 23 Nov 2004 22:01:10 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-717 nur so am Rande: >>Geordnete und ungeordnete Listen<< was ist schon geordnet? Ich finde die Begriffe nummerierte Liste und Aufzählungsliste aussagekräftiger ... zum eigentlichen: ich sehe den Vorteil deiner Variante nicht. Im herkömmlichen (oberen) Fall mache ich im Code nix anderes als eine: if (aktuelleSeite == dieser Link) besondere Klasse else normal im unteren Falle müßte ich zudem noch die CSS-Datei dynamisch machen - und davor scheue ich mich etwas ... nur so am Rande:

>>Geordnete und ungeordnete Listen<<

was ist schon geordnet? Ich finde die Begriffe nummerierte Liste und Aufzählungsliste aussagekräftiger …

zum eigentlichen: ich sehe den Vorteil deiner Variante nicht. Im herkömmlichen (oberen) Fall mache ich im Code nix anderes als eine:

if (aktuelleSeite == dieser Link)
besondere Klasse
else
normal

im unteren Falle müßte ich zudem noch die CSS-Datei dynamisch machen - und davor scheue ich mich etwas …

]]> Von: Jeena Paradies http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-713 Jeena Paradies Tue, 23 Nov 2004 17:50:43 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-713 Na dann ergänzend dazu noch ein Link auf mein <a href="http://jeenaparadies.net/weblog/2004/mai/php-menue/">PHP Menü welches nicht auf sich verweist</a>. Ich glaube aber dass wir über die möglichkeit den Aktuellen Link dadurch kennzuzeichnen, dass er kein Link ist schon hier diskutiert haben :grin: Na dann ergänzend dazu noch ein Link auf mein PHP Menü welches nicht auf sich verweist. Ich glaube aber dass wir über die möglichkeit den Aktuellen Link dadurch kennzuzeichnen, dass er kein Link ist schon hier diskutiert haben :grin:

]]> Von: Manuel http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-712 Manuel Tue, 23 Nov 2004 11:36:01 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-712 ok danke. dann hab ich mir ja doch nicht umsonst nen wolf getippt ;) ok danke. dann hab ich mir ja doch nicht umsonst nen wolf getippt ;)

]]> Von: Perun http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-711 Perun Tue, 23 Nov 2004 11:08:19 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-711 @Manuel, ist OK, vergesse ich auch manchmal. Habe mir die Freiheit genommen und habe in deinem Kommentar die Sonderzeichen maskiert und bei Code-Beispielen <code><code></code> hinzugefügt. @Manuel,
ist OK, vergesse ich auch manchmal. Habe mir die Freiheit genommen und habe in deinem Kommentar die Sonderzeichen maskiert und bei Code-Beispielen <code> hinzugefügt.

]]> Von: Manuel http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-709 Manuel Tue, 23 Nov 2004 11:01:21 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-709 aaaah hilfe. ich hab ganz vergessen das die ganzen klammern < > maskiert werden müssen :( :( :( aaaah hilfe. ich hab ganz vergessen das die ganzen klammern < > maskiert werden müssen :( :( :(

]]> Von: Manuel http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-708 Manuel Tue, 23 Nov 2004 11:00:42 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-708 genau das prinzip mit der body id hab ich letztens in nem projekt eingesetzt. dazu wollte ich demnächst auch ne ausführliche anleitung schreiben. in dem projekt hab ich jeder unterseite eine eigene fortlaufende body id gegeben, und dann jeden aktiven menüpunkt und unterpunkt per body id angesprochen. sehr einfach und praktisch ist es bei der technik, in der navigation eine variable mit zu übergeben die per php ausgelesen und in den body geschrieben wird. so kann man mit einem template fast ne ganze seite steuern. sähe dann so aus: <code><a href="index.php?id=28">Impressum</a></code> in der index.php dann: <code><body id="<? echo "$id"; ?>"></code> Navigation, etc... <pre><code><div id="content"> <? switch($id) { (...) case 28: include("impressum.php"); break; } (...) ?> </div></code></pre> ist jetzt natürlich sehr sehr stark vereinfacht, aber ich werd mir versuchen den link zu merken und sobald ich mein tutorial dazu fertig habe per trackback anpingen. ;) genau das prinzip mit der body id hab ich letztens in nem projekt eingesetzt. dazu wollte ich demnächst auch ne ausführliche anleitung schreiben. in dem projekt hab ich jeder unterseite eine eigene fortlaufende body id gegeben, und dann jeden aktiven menüpunkt und unterpunkt per body id angesprochen.
sehr einfach und praktisch ist es bei der technik, in der navigation eine variable mit zu übergeben die per php ausgelesen und in den body geschrieben wird. so kann man mit einem template fast ne ganze seite steuern.

sähe dann so aus:
<a href="index.php?id=28">Impressum</a>

in der index.php dann:

<body id="<? echo "$id"; ?>">
Navigation, etc…

<div id="content">
<?
switch($id) {
(...)
case 28:
include("impressum.php");
break;
}
(...)
?>
</div>

ist jetzt natürlich sehr sehr stark vereinfacht, aber ich werd mir versuchen den link zu merken und sobald ich mein tutorial dazu fertig habe per trackback anpingen. ;)

]]> Von: Der Themenmixer http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-707 Der Themenmixer Tue, 23 Nov 2004 10:41:45 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-707 <strong>Aktuellen Link mit CSS hervorheben</strong> Das Gros der Websites hat eines gemeinsam: sie haben mehr oder weniger die gleiche Navigation; sprich eine Liste mit Navigationsitems. Über diese gelangt der geschätzte Besucher dann zu den entsprechenden Seiten, wo er aber mitunter gar nicht mehr so g... Aktuellen Link mit CSS hervorheben
Das Gros der Websites hat eines gemeinsam: sie haben mehr oder weniger die gleiche Navigation; sprich eine Liste mit Navigationsitems. Über diese gelangt der geschätzte Besucher dann zu den entsprechenden Seiten, wo er aber mitunter gar nicht mehr so g…

]]> Von: Jörg http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-706 Jörg Tue, 23 Nov 2004 10:38:13 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-706 Wirklich nette Idee .... und ich denke, ich habe auch schon ne Anwendung dafür. Danke! Wirklich nette Idee …. und ich denke, ich habe auch schon ne Anwendung dafür. Danke!

]]> Von: C-blog - Bock auf Blog » Hover-Effekt mit CSS http://www.perun.net/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-733 C-blog - Bock auf Blog » Hover-Effekt mit CSS Tue, 30 Nov 1999 00:00:00 +0000 http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/#comment-733 [...] dard XHTML 1.1 (Strict) wechseln. Vlad aka Perun hat in den vergangenen Tagen zwei Artikel <a href="http://www.perun.net/archiv/2004/11/23/aktuellen-link-mit-css-hervorheben/">“Aktuellen Link mit CSS hervorheben”</a> und “Navigation [...] [...] dard XHTML 1.1 (Strict) wechseln. Vlad aka Perun hat in den vergangenen Tagen zwei Artikel "Aktuellen Link mit CSS hervorheben" und "Navigation [...]

]]>