Autor
Nachricht
gfx-eyecatcher
29.04.2009 um 14:02 (UTC) Titel: CSS Design Code Problem
Mahlzeit!
Ich hab mir vorgenommen ein eigenes Design zu entwerfen.
Dabei ist aber leider einiges durcheinander geraten.
Ich möchte eigentlich ein schlichtes, schnell übersichtliches Design haben.
Aber der Hintergrund, der Content (heißt das so? Also da wo der Text steht...) usw. will einfach nicht schwarz werden!
Hier hab ich mal einen Screen gemacht:
http://saved.im/mtewotcwahvh/2009-04-29_155645.png
Kann mir da vielleicht jemand helfen?
Wäre sehr dankbar.
Mfg Eyecatcher.
Edit: Oh, den Code zu vergessen ist wirklcih blöd. ^^
Über:
Code: <style type="text/css">
body{background-color: #000000;background-image: url(Url);}
td.nav{background-image:url(http://saved.im/mtewnziyatyz/button.png);}
td.nav:hover{background-image:url(http://saved.im/mtewnzi0d3jn/button2.png);}
td.nav_heading{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_header_full{background-image:url(http://saved.im/mtewnzizb2my/headerkopie.png);}
td.headline{visibility:hidden;}
td.nav a{color:#FFFFFF;}
td.sidebar_heading(background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_rb_footer{visibility:hidden;}
td.edit_below_nav {visibility: hidden;width: 0px;}
td.edit_content_top{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_content_bottom2{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.headline2{color:#000000;}
td.nav_heading{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.body{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_content{background-image:url(http://saved.im/mtewoty2d3q4/contentkopie.png);
td.headline{visibility: hidden;Grafixmakereyecatcher}
background-repeat:no-repeat;background-position:center center;}
td.edit_rechts_sbg{background-image: url();background-color: #000000;}
td.edit_rechts_bottom{background-image: url();background-color: #000000;}
td.edit_below_nav{background-image: url();background-color: #FFFFF;}
td.edit_navi_headbg{background-image: url();background-color: #FFFFF;}
body{background-color:#000000;}
td.edit_below_nav {visibility: hidden;width: 0px;}
td.edit_rechts_cbg{background-image: url();background-color: #00000;}
td.edit_content_top{background-image: url(http://saved.im/mtewnzi2cjns/bg.png);}
a:link{color: #FFFFFF;text-decoration: none;}
a:visited{color: #FFFFF0;text-decoration: none;}
a:active{color: #FFFF00;text-decoration: none;}
a:hover{color: #FFFFFF;text-decoration: underline;}
td.shouty{color:#000000;background-image: url(URL);background-color: #000000;}
td.shouty2{color:#000000;background-image: url(URL);background-color: #000000;}
td.shouty3{color:#000000;background-image: url(URL);background-color: #000000;}
td.shouty4{color:#000000;background-image: url(URL);background-color: #000000;}
td.shouty5{color:#000000;background-image: url(URL);background-color: #000000;}
td.shouty{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}
td.shouty2{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}
td.shouty3{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}
td.shouty4{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}
td.shouty5{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;width: 0px;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>
Unter:
Code: </td> </tr> </table> </div>
<style type="text/css">
<!--
td{color:#ffffff;}
-->
</style>
Zuletzt bearbeitet von gfx-eyecatcher am 29.04.2009, 15:10, insgesamt einmal bearbeitet
↑
tanjaswebsite
29.04.2009 um 14:13 (UTC) Titel:
Ich sehe den Content sowie den Boxenhintergrund so dunkelgrün/schwarz.
Mit welchem Browser arbeitest Du? Bitte unbedingt nur IE oder FF benutzen, für alle anderen Browser ist der HPBK nicht optimiert.
Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer
↑
gfx-eyecatcher
29.04.2009 um 14:17 (UTC) Titel:
Mit FF. Die neuste Version.
↑
tanjaswebsite
29.04.2009 um 14:18 (UTC) Titel:
Dann lösch mal Deinen Cache und die temporären Dateien, denn wenn ich Deine Seite aufrufe, dann sieht sie ganz anders aus, als bei Deinem Screenshot. Ich habe die Hintergrundbilder von Deinem Code sichtbar.
Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer
↑
slackline
29.04.2009 um 14:27 (UTC) Titel:
ich würde mal bei allem bei dem du du sowas hast:
Code: background-image: url(URL);background-color: #000000;}
Das URL in den klammern eifnahc wegmachen!
PS: Das wa sdu machst ist kein CSS-Design, das ist Íceblue verändern, aber egal;-)
______________
*klick* Hier das Bild, wo die-baukasten-typen für andere Anbieter Werbung machen
Zuletzt bearbeitet von slackline am 29.04.2009, 15:28, insgesamt einmal bearbeitet
↑
tanjaswebsite
29.04.2009 um 14:32 (UTC) Titel:
slackline hat Folgendes geschrieben: ich würde mal bei allem bei dem du du sowas hast:
Code: background-image: url(URL);background-color: #000000;}
Das URL in den klammern eifnahc wegmachen!
PS: Das wa sdu machst ist kein CSS-Design, das ist Íceblue verändern, aber egal;-)
Nein! Das (URL) unbedingt drin lassen! Das ist z. B. ein Teil davon, wie eine Seite auch von den exotischen Browsern wie GoogleChrome oder Safari gelesen werden kann: Dazu gehört unter anderem, in leere Url-Klammern das Wort (URL) zu schreiben und zum anderen, nach möglichkeit keine Farben zu verwenden, sondern Grafiken. So ist es genau richtig, damit der Ice-blue-Hintergrund bei den anderen Browsern nicht wieder durchkommt. Meine Seite ist auf diese Art und Weise für alle Browser optimiert (gehört natürlich noch mehr dazu).
Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer
↑
gfx-eyecatcher
↑
tanjaswebsite
29.04.2009 um 14:39 (UTC) Titel:
Jap - so sehe ich es auch. Sollte auch so sein, oder?
Edit: DAS hier hast Du oben bei Text über dem Design vergessen:
<!--
Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer
Zuletzt bearbeitet von tanjaswebsite am 29.04.2009, 15:40, insgesamt einmal bearbeitet
↑
gfx-eyecatcher
↑
gfx-eyecatcher
↑
gfx-eyecatcher
30.04.2009 um 12:20 (UTC) Titel:
Das gleiche Problem hab cih immernoch.
Ich möchte jetzt aber eigentlich garkeine Buttons haben.
Code: <style type="text/css">
<!--
td.edit_header_full{background-image:url(http://saved.im/mtewnzizb2my/headerkopie.png);background-color:;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
body{background-image:url();background-attachment: fixed;background-color:#000000;}}
td.nav{background-image:url(http://saved.im/mtexmdy0a3vj/unbenannt-1.png);}
td.nav:hover{background-image: url();}
td.nav_heading{background-image:url();background-color:;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url();background-color:;}
td.edit_content_top{background-image:url();background-color:;}
td.edit_content{background-image:url();background-color:;}
td.edit_content_bottom{background-image:url();background-color:;}
td.edit_content_bottom2{background-image:url();}
body,td{color:#fff;}
td.shouty{visibility:hidden;}
td.shouty2{background-image:url();background-color:;}
td.shouty3{background-image:url();background-color:;}
td.shouty4{background-image:url();background-color:;}
td.shouty5{background-image:url();background-color:;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rb_footer{background-image:url();background-color:;}
td.edit_rechts_bottom{background-image: url();}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>
Code: </td> </tr> </table> </div>
<style type="text/css">
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
30.04.2009 um 12:25 (UTC) Titel:
Füge mal bei "Text über dem Design" diesen Code ein:
Zitat: <style type="text/css">
<!--
td.edit_header_full{background-image:url(http://saved.im/mtewnzizb2my/headerkopie.png);background-color:;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
body{background-image:url(Url);background-attachment: fixed;background-color:#000000;}
td.nav{background-image:url(Url);}
td.nav:hover{background-image: url(Url);}
td.nav_heading{background-image:url(Url);background-color:;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url(Url);background-color:;}
td.edit_content_top{background-image:url(Url);background-color:;}
td.edit_content{background-image:url(Url);background-color:;}
td.edit_content_bottom{background-image:url(Url);background-color:;}
td.edit_content_bottom2{background-image:url(Url);}
body,td{color:#fff;}
td.shouty{visibility:hidden;}
td.shouty2{background-image:url(Url);background-color:;}
td.shouty3{background-image:url(Url);background-color:;}
td.shouty4{background-image:url(Url);background-color:;}
td.shouty5{background-image:url(Url);background-color:;}
td.edit_rechts_cbg{background-image: url(Url);}
td.edit_rb_footer{background-image:url(Url);background-color:;}
td.edit_rechts_bottom{background-image: url(Url);}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
gfx-eyecatcher
30.04.2009 um 12:31 (UTC) Titel:
Super. Danke. Das hast schonmal geklappt.
↑