Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.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
Beitrag12.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>
Beitrag12.04.2007 um 03:55 (UTC)    
Titel:

Wow, Danke für die schnelle Hilfe! Smile
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... Rolling Eyes

Nette Grüsse,
Lana
Beitrag12.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 Wink

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>
Beitrag12.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! Very Happy

Nette Grüsse,
Lana
Beitrag12.04.2007 um 04:25 (UTC)    
Titel:

Gern geschehen Wink
Hast auch ein wenig Glück gehabt, dass wir zur selben Zeit so früh hier sind
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de