CirTap: Link-Farbe dynamisch ändern (SSI spielt auch mit)

Beitrag lesen

SELF-Forum

Link-Farbe dynamisch ändern (SSI spielt auch mit)

CirTap
– Informationen zu den Bewertungsregeln

Hallo Sven,

also aus dem hohlen Bauch heraus, sollte das mit einer sauberen, strikten CSS-Struktur und/oder Verzeichnis/Dateinamen durchaus gehen.
Wenn Du den Textlinks für die verschiedenen Rubriken dabei einfach als class den Rubrikennamen "mitgibst", läßt sich das später auch einfacher zuordnen und ergänzen. Über IDs kannst du zwischen aktuellem und "anderen" Links unterscheiden.

Möglichkeit 1 - reines CSS
z.B. Rubiken:

  • links
  • grafiken
  • news
  • produkte

Klassen
a#aktiv { font-weight: bold; text-decoaration:underline; }
a { font-weight: normal; text-decoaration:none; }

a.links:link {color:#farbe1}
a.links:visited {color:#farbe4}

a.grafiken:link {color:#farbe3}
a.grafiken:visited {color:#farbe4}

a.news:link {color:#farbe5}
a.news:visited {color:#farbe6}

etc.

<a href="xx0" class="links" id="aktiv">Ich bin Aktuell</a>
<a href="xx1" class="links">Textlink 1</a>
<a href="xx2" class="links">Textlink 2</a>
<a href="xx3" class="links">Textlink 3</a>

Mal davonausgehend, dass die Textlinks für die verschiedenen Rubriken auch unterschiedliche Texte haben, was aus deiner Nachricht nicht ganz deutlich rauskam.

Möglichkeit 2 - SSI:
Wenn Du schon SSI einsetzen kannst und das obige nicht anwendbar ist, dann linke im <head> der shtml ein *zusäzliches' CSS File rein.

Arbeitest du mit Unterverzeichnissen für die Rubriken, kann die CSS Datei immer gleich heissen, die CSS-Angaben darin sind aber unterschiedlich.
Ansonsten nenne die CSS-Datei wie die Rubrik.
Hier kämst du um die class-Angaben bei den A-Elementen drumrum.

<style type="text/css">
<!--#include virtual="colors.css"  -->
</style>

Wie obiges Beipsiel:
Rubrik      std. CSS pro verz.   CSS == Rubrikname
--------------------------------+---------------------
"Links":    links/colors.css     /links.css
            a:link {color:#farbe1}
            a:visited {color:#farbe4}

"Grafiken": grafiken/colors.css /grafiken.css
            a:link {color:#farbe3}
            a:visited {color:#farbe4}

"News":     news/colors.css     /news.css
            a:link {color:#farbe5}
            a:visited {color:#farbe6}

Durch Umgebungsvariablen oder Parameter kannst du das ganze evtl. noch etwas "generischer" machen.
Ist eine reine Sache des Namenskonzeptes, das du verwendest und wie gut (schlecht) deine Site-Struktur aufgebaut ist.

Viel Spaß
CirTap

PS:
wenn du nix von alledem verstanden hast, schick einfach etwas Mehl... :)

Beitrag melden
–
Informationen zu den Bewertungsregeln