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

Seewie · February 26, 2014 at 8:25 AM

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 · February 26, 2014 at 8:29 AM

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

Seewie · February 26, 2014 at 8:38 PM

genial Dank Dir BlackRider.

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

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

Black Rider · February 26, 2014 at 8:42 PM

Bitte erstelle pro Frage ein Thema.

Frank Pabst · February 26, 2014 at 8:46 PM

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 · February 26, 2014 at 9:00 PM

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!

Participate now!