[corun]

Hallo,

bin gerade dabei unter den äußeren Container die Links für Impressum, Datenschutz, AGB usw. zu setzen. Hierbei möchte ich die Linkfarbe welche ja über die global.css gesteuert ist, von "hellblau und unterstrichen" in "weiß" abhändern.

Dies soll allerdings nur für das div Element meiner drei Links gelten und sich nicht auf alle anderen Links im Forum auswirken.

Wie genau muss ich das denn technisch in der glabal.css umsetzen und wie weise ich meinem div Element in welchem Impressum usw... steht diese Einstellungen zu ?

Wie gesagt: Die css Formatierung soll sich nur auf die Links in meinem hinzugefügten div. Element auswirken.

Jetzt aber genug der Wiederholungen

thx&bye

[linwinman]

Hallo corun,

weise hierfür den Links eine eindeutige ID zu, z. B.

Code:

<div id="b_link"><a href="{$mybb->settings['bburl']}/impressum.php">Impressum</a></div>

Im Stylesheet "global.css" fügst du dann die Attribute für diese ID hinzu, z. B.

Code:

#b_link a:link, #b_link a:visited {
    color: #fff;
    text-decoration: none;
}

#b_link a:hover, #b_link a:active {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

[corun]

Danke, hat funktioniert !

Verstehe nur noch nicht warum meine Lösung nicht erfolgreich war, wäre für eine Erklärung dankbar

Mein Versuch:

<div id="law">
<a href="http://localhost/serendipity/index.php?/pages/impressum.html">Impressum</a>|
<a href="/serendipity/index.php?/pages/haftungsausschluss.html">Haftungsausschuss</a>|
<a href="/serendipity/index.php?/pages/agb_datenschutz.html">AGB/Datenschutzerklärung</a>|
</div>

Eintragung in der global css:

#law {
color: #823995;
text-decoration: none;
}

thx&bye

[StefanT]

Die Einstellung für a überschreibt die von #law.

[corun]

Meine Links sind wie unten zu sehen durch "|" getrennt. Diese werden schwarz dargestellt, was muss ich hier genau machen damit diese auch in weiß dargestellt werden ?

Impressum | Haftungsausschluss | AGB/Datenschutzerklärung

[linwinman]

Füge zusätzlich folgende ID hinzu (Beispiel):

Code:

#b_link {
    color: #fff;
}