| Autor |
Nachricht |
-
jdk
|
 12.04.2007 um 03:29 (UTC)
Titel: Farbveränderungen werden nicht angezeigt |
|
|
Hallo,
ich habe versucht, beim Style "Butterfly", die Farben zu verändern, es werden jedoch nicht alle Farbveränderungen angezeigt, sondern nur teilweise.
Ich habe mich dabei an diesem Thread orieniert:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=32541&highlight=klassen+butterfly
Zitat: <style type="text/css">
<!--
td.edit_nav_headline2,td.edit_contetn_headline2,td.edit_rechts_headline2{background-image: url();background-color: #EFEFEF;}
td.headline_bar_left img,td.headline_bar_middle img,td.headline_bar_right img{visibility: hidden;}
td.headline_bar_left,td.headline_bar_middle,td.headline_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_content_top,td.cont_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_headline3,td.edit_headline3,td.edit_rheadline3{background-image: url();background-color: #EFEFEF;}
td.edit_content_headline3{background-image: url(nichts);background-color: #EFEFEF;}
td.edit_content_headline{background-image: url();background-color: #EFEFEF;}
td.headline4{color: #444444;}
td.headline2{color: #444444;}
td.edit_nav_headline{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_bottom{background-image: url();background-color: #EFEFEF;}
td.edit_bg_navi{background-image: url();background-color: #EFEFEF;}
td.edit_bg_middle{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_middle{background-image: url();background-color: #EFEFEF;}
td.headline6{color: #444444;}
td.edit_rechts_headline{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_left{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_right{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_bottom{background-color:url();color: #EFEFEF;}
-->
</style>
Eigentlich müsste doch jetzt alles in hellgrau (EFEFEF) angeziegt werden, nur die Schrift in dunkelgrau (444444), mit Ausnahme des Inhaltes der rechten Box.
Auch dazu habe ich noch eine Frage: Kann ich die Hintergrundfarbe dort auch ändern, obwohl ich dort schon einen Kalender, eine Uhr, u. einen Countdown eingebaut habe?
Und wieso werden nicht alle Farbveränderungen angezeigt?
Liebe Grüsse,
Lana |
|
|
↑
|
|
 |
-
coolplace
Wohnort: USB = United States of Bücken
|
12.04.2007 um 03:42 (UTC)
Titel: |
|
|
Ich habe Dir mal den Rest auch grau gemacht, das Blaue ist dazu gekommen:
Zitat: <style type="text/css">
<!--
td.edit_nav_headline2,td.edit_contetn_headline2,td.edit_rechts_headline2{background-image: url();background-color: #EFEFEF;}
td.headline_bar_left img,td.headline_bar_middle img,td.headline_bar_right img{visibility: hidden;}
td.headline_bar_left,td.headline_bar_middle,td.headline_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_content_top,td.cont_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_headline3,td.edit_headline3,td.edit_rheadline3{background-image: url();background-color: #EFEFEF;}
td.edit_content_headline3{background-image: url(nichts);background-color: #EFEFEF;}
td.edit_content_headline{background-image: url();background-color: #EFEFEF;}
td.headline4{color: #444444;}
td.headline2{color: #444444;}
td.edit_nav_headline{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_bottom{background-image: url();background-color: #EFEFEF;}
td.edit_bg_navi{background-image: url();background-color: #EFEFEF;}
td.edit_bg_middle{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_middle{background-image: url();background-color: #EFEFEF;}
td.headline6{color: #444444;}
td.edit_rechts_headline{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_left{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_right{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_bottom{background-color:url();color: #EFEFEF;}
td.nav_bar_left,td.nav_bar_right,td.nav_bar_bottom{background-image: url();background-color: #efefef;}
td.edit_content_top,td.cont_bar_left,td.edit_bg_middle,td.edit_page_bg,td.cont{background-image: url();background-color: #efefef;}
td.edit_rechts_headline,td.edit_right_box,td.edit_right_box2{background-image: url();background-color: #efefef;}
-->
</style> |
|
|
↑
|
|
|
-
jdk
|
12.04.2007 um 03:55 (UTC)
Titel: |
|
|
Wow, Danke für die schnelle Hilfe! 
Hat geklappt. Jetzt ist es fast so, wie ich es haben will.
Nur die Knöpfe der Navigation hätte ich auch noch gerne in efefef, so dass die Navigation wie eine Tabelle aussieht, und die Schrift soll in 444444 sein, irgendwie steh' ich aber auf dem Schlauch... 
Nette Grüsse,
Lana |
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
12.04.2007 um 04:07 (UTC)
Titel: |
|
|
Da müssen wir mit einem kleinen Trick arbeiten, da der Hovereffekt (Überfahren mit der Maus) mit Javascript bereits eingebaut ist und per CSS nicht geändert werden kann.
So machen wir einen Hintergrund für die Schrift, der ein wenig gestreckt wird.
Damit es aussieht wie eine Tabelle, machen wir noch einen Rand in Schriftfarbe dazu 
Zitat: <style type="text/css">
<!--
td.edit_nav_headline2,td.edit_contetn_headline2,td.edit_rechts_headline2{background-image: url();background-color: #EFEFEF;}
td.headline_bar_left img,td.headline_bar_middle img,td.headline_bar_right img{visibility: hidden;}
td.headline_bar_left,td.headline_bar_middle,td.headline_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_content_top,td.cont_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_headline3,td.edit_headline3,td.edit_rheadline3{background-image: url();background-color: #EFEFEF;}
td.edit_content_headline3{background-image: url(nichts);background-color: #EFEFEF;}
td.edit_content_headline{background-image: url();background-color: #EFEFEF;}
td.headline4{color: #444444;}
td.headline2{color: #444444;}
td.edit_nav_headline{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_nav_bar_bottom{background-image: url();background-color: #EFEFEF;}
td.edit_bg_navi{background-image: url();background-color: #EFEFEF;}
td.edit_bg_middle{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_left{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_right{background-image: url();background-color: #EFEFEF;}
td.edit_cont_bar_middle{background-image: url();background-color: #EFEFEF;}
td.headline6{color: #444444;}
td.edit_rechts_headline{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_left{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_right{background-color:url();color: #EFEFEF;}
td.edit_rb_bar_bottom{background-color:url();color: #EFEFEF;}
td.nav_bar_left,td.nav_bar_right,td.nav_bar_bottom{background-image: url();background-color: #efefef;}
td.edit_content_top,td.cont_bar_left,td.edit_bg_middle,td.edit_page_bg,td.cont{background-image: url();background-color: #efefef;}
td.edit_rechts_headline,td.edit_right_box,td.edit_right_box2{background-image: url();background-color: #efefef;}
td.edit_nav_main_charakter{background-image: url();background-color: #efefef;padding: 20px;}
td.edit_nav_main{border: 2px solid #444444;}
-->
</style> |
|
|
↑
|
|
|
-
jdk
|
12.04.2007 um 04:21 (UTC)
Titel: |
|
|
Vielen lieben Dank nochmal für den schnellen u. kompetenten Support. Ich finde das sieht klasse aus.
Jetzt bin ich richtig glücklich! 
Nette Grüsse,
Lana |
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
12.04.2007 um 04:25 (UTC)
Titel: |
|
|
Gern geschehen
Hast auch ein wenig Glück gehabt, dass wir zur selben Zeit so früh hier sind |
|
|
↑
|
|
|
|
