CSS: lässt sich ContainerHeadline unterschiedlich einfärben?

Seewie · Feb 26th 2014

Hallo,

ich möchte im Dashboard die Schriftfarbe des angemeldeten Nutzernamen oben rechts (neben dem Avatar) ändern. Dies ist hiermit auch unproblematisch:

.containerHeadline > h3, .containerHeadline > h3 > a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); color: #000000; }

Problem ist dass auch der Nutzername in der Aktivitätsliste des Dashboards eingefärbt wird. Da ich einmal einen hellen und einmal einen dunklen HG habe, muss ich beide Elemente aber unterschiedlich färben.

Jemand eine Idee wie man das hinbekommen könnte?

Black Rider · Feb 26th 2014

.dashboardBoxSignedInAs .containerHead > h3, .dashboardBoxSignedInAs .containerHead > h3 > a.

Seewie · Feb 26th 2014

genial Dank Dir BlackRider.

Gleich noch ne Frage - weshalb ändert dieser Code nicht die Speicherplatzanzeige unter http://www.woltlab.com/index.php/ConversationList/ ?

#tplConversationList .conversationUsageBar > small {
color: #999999;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

Black Rider · Feb 26th 2014

Bitte erstelle pro Frage ein Thema.

Frank Pabst · Feb 26th 2014

Was möchtest du denn erreichen, die Farbe des Balkens ändern?

Das würde z.B. so gehen:

Code

.conversationUsageBar > span {
background-color: #DF4141;
background-image: -webkit-linear-gradient(#DF4141,#A91616);
background-image: linear-gradient(#DF4141,#A91616);
}

Seewie · Feb 26th 2014

eigentlich nur die Schriftfarbe unter dem Balken: 1% belegt (1 von 100). Dein Hinweis Frank hat mich auf den richtigen Weg gebracht:

#tplConversationList .conversationQuota > div > p > small {
color: #999999;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

Black Rider: danke für den Hinweis, werde es zukünftig beherzigen!

CSS: lässt sich ContainerHeadline unterschiedlich einfärben?

Participate now!

Share