• Firefox Inspektor benutzen

    Da wir nun erfahren haben welche Klasse für die Link Color zuständig ist gehen wir ins
    Administrator Kontrollzentrum von vBulletin und ändern die Link-Farbe nach unseren Wünschen.

    AdminCP bei Navigation Styles & Templates - Templates durchsuchen.

    AdminCP-Nav


    Wie wir mit den Entwickler-Tools gesehen haben müssen wir nach folgender Klasse suchen:
    body a - also geben wir dies ins Suchfeld ein.

    Wir wählen den Style 1 aus in dem wir suchen wollen
    Wir geben den zu suchenden Text 2 ein
    Wir klicken auf Suchen 3

    Nach der Klasse suchen


    Es werden uns die Templates angezeigt, welche die Klasse body a enthalten.
    Templates in roter Schrift sind Templates welche schon einmal editiert wurden.

    Die Templates welche body a enthalten

    Da die Klasse body a eine vBulletin Klasse ist, werden wir unser gesuchtes body a wohl am
    ehesten in der Datei "vbulletin.css" finden. Also Doppelklick auf diese Datei.

    Das erste Ergebniss mit Firefox

    Wenn sie mit Firefox arbeiten wird die Suchanfrage direkt ins "Dieses Template durchsuchen" Feld
    eingetrage, was alles sehr vereichfacht. Wenn sie einen anderen Browser benutzen, müssen sie in
    diesem Template die Klasse body a selbst suchen (geht natürlich auch, ist nur nicht so komfortabel).

    Firefox benutzer klicken als direkt auf "Suchen" und folgendes wird angezeigt werden:

    Nun sind wir da wo wir hin wollten!

    Wie wir sehen können besteht eine Stylevar von vbulletin. (Die einen mögen dass, die anderen nicht).
    Wir haben dadurch zwei Möglichkeiten, die body a (Linkfarbe) zu ändern.

    Ändern sie
    HTML-Code:
    color:{vb:stylevar link_color};
    in
    color: #000;

    Diese Änderung würde bewirken dass alle Links mit der Klass body a schwarz dargestellt werden.
    Sie sehen schon, sie müssen nur ihren gewünschten Farbcode #xxxxxx eintragen und speichern.

    Wenn sie den Originaleintrag nicht löschen möchten, können sie diesen einfach zwischen /* und */
    setzen um ihn zu deaktivieren. Der gesamte Codeblock da würde dann also wie folgt aussehen:

    HTML-Code:
    body a {
    /*     color:{vb:stylevar link_color}; */
            color: #000;
            text-decoration:{vb:stylevar link_textDecoration};
    }
    Soviel zur ersten Möglichkeit.