MyBB.de Forum
Zweiten (Eigenen css Code für a:link in global.css) ? - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Zweiten (Eigenen css Code für a:link in global.css) ? (/thread-12458.html)



Zweiten (Eigenen css Code für a:link in global.css) ? - corun - 22.02.2009

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 Toungue

thx&bye Smile


RE: Zweiten (Eigenen css Code für a:link in global.css) ? - linwinman - 22.02.2009

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;
}



RE: Zweiten (Eigenen css Code für a:link in global.css) ? - corun - 22.02.2009

Danke, hat funktioniert !Smile

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

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


RE: Zweiten (Eigenen css Code für a:link in global.css) ? - StefanT - 22.02.2009

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


RE: Zweiten (Eigenen css Code für a:link in global.css) ? - corun - 22.02.2009

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


RE: Zweiten (Eigenen css Code für a:link in global.css) ? - linwinman - 22.02.2009

Füge zusätzlich folgende ID hinzu (Beispiel):
Code:
#b_link {
    color: #fff;
}