Ich poste hier mal einen Code für das Iceblue, das mitsamt der Werbung zentriert und verbreitert ist.
Meiner Meinung nach, sind überflüssige Sachen nicht berücksichtigt, sondern transparent.
Der Code lebt in diesem Falle ausschliesslich von Farbtönen, die ihr selbst leicht ändern könnt.
Vor dem Farcodes muss das # erhalten bleiben.
#YYYYYY sind die Hintergrundfarben der einzelnen Felder.
#BBBBBB ist die Rahmenfarbe um das Objekt (zum aktivieren dann border: 0px solid auf
1 stellen).
#
SSSSSS sind die jeweiligen Schriftfarben (ausser direkt im mittleren Textfeld. Per Editor kann man diese selbst bestimmen. Tut Euch aber selbst einen Gefallen und arbeit im Editor nicht mit Überschriften oder Stil. Das bringt Euch oft Probleme. Benutzt also Schriftart, -grösse und -farbe).
font-family:
Arial kann auch geändert werden in: Tahoma, Helvetica, Verdana, Comic Sans MS
#XXXXXX und #ffffff erstmal nicht ändern.
Um den Namen der Webseite im Haeder zu entfernen, das hier im Code noch mit reinsetzen:
td.headline{visibility:hidden;}
Farbtöne findet Ihr zum Beispiel hier:
http://tomheller.de/html-farben.html
Eingefügt wird der Code so:
http://6p-iceblue.de.tl/Design-einf.ue.gen.htm
Hier beginnt der Code:
Zitat:
<style type="text/css">
<!--
/* Breite des Designs kann bis 100% selbst bestimmt werden */
table.edit_main_table{width: 80% !important;}
/* Hier nichts ändern */
td.edit_main_tr{width: 100% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}
/* Breite der rechten Boxen. Standart ist 168 und kann bis 220 erweitert werden */
table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5
{width:168px;}
/* Bei wenig Inhalt, wird das Design nicht unnötig nach unten gezogen*/
td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}
/* Buttons der Navigation */
td.nav:hover{background-image:url();
background-repeat:no-repeat;
background-color:#YYYYYY;
width:
185px;height: 30px; border: 0px solid#
BBBBBB;}
td.nav{background-image:url();
background-repeat:no-repeat;
background-color:#YYYYYY;
width:
185px;height: 30px; border: 0px solid
#BBBBBB;}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}
td.edit_content{background-image:url(URL);background-color:#YYYYYY;border: 0px solid #BBBBBB;}
td.edit_rechts_cbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
/* Hintergrundfarbe des Designs */
body {background-image:url(url);background-color:#YYYYYY;}
body {background-attachment:fixed;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_rechts_sbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_rechts_bottom{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
/* Die rechten Boxen */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url();
background-repeat:repeat;
background-color:#YYYYYY;
border: 0px solid
#BBBBBB;}
/* Feld über dem Textbereich */
td.edit_content_top,td.edit_content_top:hover{background-image:url();background-color:#YYYYYY;border: 0px solid
#BBBBBB;height:24px;}
/* Feld über der Navigation */
td.nav_heading{background-image:url();height: 24px;background-color:#YYYYYY;border: 0px solid #BBBBBB;}
/* Feld über den rechten Boxen */
td.sidebar_heading{background-image:url();height: 24px;background-color:#YYYYYY;border: 0px solid #BBBBBB;}
td.edit_rb_footer{display:none;height: 0px;}
/* Felder unter dem Textfeld, ausgeblendet */
td.edit_content_bottom{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
/* Feld des Counters, Schriftfarbe bei den Countereinstellungen bestimmen */
td.edit_content_bottom2{background-image:url(URL);background-color:#YYYYYY;border: 0px solid #BBBBBB;}
/* Schriftfarbe in den Boxen, statt left kann man mit center die Schrift zentrieren */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{font-family: Arial;font-size: 12px;color: #SSSSSS;text-align: left;}
/* Seitentitel über dem Textfeld */
td.headline{font-family: Arial;font-size: 12px;font-weight:;color: #SSSSSS;text-decoration: none;}
/* Schriftfarbe über der Navigation */
td.nav_heading{font-family: Arial;font-size: 12px;color: #SSSSSS;padding-left:26px;text-align: left;}
/* Schriftfarbe der Navigation */
td.nav a{font-family: Arial;font-size: 12px;font-weight:;color: #SSSSSS;text-decoration: none}
/* Schriftfarbe des Hovereffektes der Navigation */
td.nav a:hover{font-family: Arial;font-size: 12px;color: #SSSSSS;font-weight:;text-align: center;text-decoration:
none;}
/* Schriftfarbe über den Boxen */
td.sidebar_heading{font-family: Arial;font-size: 12px;color: #SSSSSS; text-align: center;}
/* Haeder */
td.edit_header_full{background-image:url(url);width: 980;height: 100px;background-position: center
top;background-color:#YYYYYY;background-repeat: repeat;border: 0px solid #BBBBBB;}
-->
</style>
