[WBB 3.1.x] 'Themen': Verhalten der CSS-Festlegungen bei den Themen-Links unterschiedlich.

Member

Thursday, July 12th 2012, 6:44pm

'Themen': Verhalten der CSS-Festlegungen bei den Themen-Links unterschiedlich.

Allen Hallo.

Anknüpfend an
http://www.woltlab.com/forum/individuelle-anpassung-und-pluginentwicklung/designerstellung/201352-themen-schriftgrÃ¶Ãe-und-farbe-und-unterstreichung-verÃ¤ndern/
und
[WBB 3.1.x] Themen: 'Neue Themen' anders als die in den Foren.
muß ich jetzt mal nachfragen: die Links reagieren nicht gleich auf meine Angaben zB. zu 'hover', bzw. verstehe ich nicht so ganz, wie ich das gewünschte Verhalten herausgbekomme.

Ich habe mit dem Vorschlag von norse experimentiert mit diesem CSS-Code

Cascading style sheet

/* in den Foren und der Themenvorschau auf der Startseite - Änderung der Linkfarben an der 1ten Position */
.columnTopic p:first-child a { text-decoration: none; color: white; font-weight: normal; }
.columnTopic p:first-child a:link { text-decoration: underline; color: blue; font-weight: normal; }
.columnTopic p:first-child a:visited { text-decoration: none; color: black; background-color: silver;}
.columnTopic p:first-child a:focus { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.columnTopic p:first-child a:hover { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.columnTopic p:first-child a:active { text-decoration: none; color: white; background-color: green;}

.columnTopic .new  a { text-decoration: none; color: white; font-weight: normal; }
.columnTopic .new  a:link { text-decoration: underline; color: blue; font-weight: normal; }
.columnTopic .new  a:visited { text-decoration: none; color: black; background-color: silver;}
.columnTopic .new  a:focus { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.columnTopic .new  a:hover { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.columnTopic .new  a:active { text-decoration: none; color: white; background-color: green; }

.boardRecentList td:nth-child(4) p:first-child a { text-decoration: none; color: white; font-weight: normal; }
.boardRecentList td:nth-child(4) p:first-child a:link { text-decoration: underline; color: blue; font-weight: normal; }
.boardRecentList td:nth-child(4) p:first-child a:visited { text-decoration: none; color: black; background-color: silver; }
.boardRecentList td:nth-child(4) p:first-child a:focus { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.boardRecentList td:nth-child(4) p:first-child a:hover { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.boardRecentList td:nth-child(4) p:first-child a:active { text-decoration: none; color: white; background-color: green; }

.boardRecentList .new a { text-decoration: none; color: white; font-weight: normal; }
.boardRecentList .new a:link { text-decoration: underline; color: blue; font-weight: normal; }
.boardRecentList .new a:visited { text-decoration: none; color: black; background-color: silver; }
.boardRecentList .new a:focus { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.boardRecentList .new a:hover { text-decoration: none; color: orange; background-color: white; font-weight: bold; }
.boardRecentList .new a:active { text-decoration: none; color: white; background-color: green; }

aber die (Themen-)Links zeigen sich in der Vorschau und dann im Forum unterschiedlich, und der hover-Effekt setzt sich aus anderen Farben zusammen, als in der CSS-Deklaration vorgegeben - Orange wird nicht ausgegeben, stattdessen Schwarz.

Wie kann ich das besser kontrollieren ?
Ist es nicht so, daß die zusätzlichen CSS-Anweisungen die Voreinstellungen des Boards IMMER überschreiben ??

NACHTRAG

Zum besseren Verständnis drei Bilder von der Startseite meines Boards, passend zum obigen CSS (bezüglich hover-Effekt)
Bild 1 - Themen-Vorschau - betreffendes Forum und der aktuellste Beitrag