GESAMTCODE ICEBLUE
Ein Beispiel - die Farbcodes gehören natürlich eingetragen anstatt xxxxxx oder eine Bild Url, wo es gewünscht wird (und border:xxxx ?px machst du natürlich nur rein, wenn du auch eine Umrandung haben willst):
Das
fettgedruckte macht die HP bildschirmfüllend!
Du trägst den Code hier ein:
Design einstellen
Erweiterte Designeinstellungen
bei 'Text über dem Design':
<div align="center">
<style type="text/css">
<!--
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;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(BILD URL);}
/* Hintergrund hinter Design */
body{background-image: url();background-color:#xxxxxx;border: 5px solid #xxxxxx;}
td.edit_content {background-image:url();background-color: #xxxxxx;}
td.edit_rechts_cbg{background-image: url();background-color: #xxxxxx;width: 100%;}
td.edit_rechts_sbg{background-image:url();background-color:#xxxxxx;}
td.edit_rechts_bottom{background-image: url();width 25%;background-color:#xxxxxx;}
td.edit_navi_headbg{background-image: url();background-color: #xxxxxx;}
td.edit_below_nav{color: #xxxxxx;background-image: url();background-color:#xxxxxx;repeat: no-repeat;background-position: top;}
td.edit_below_nav img{visibility: hidden;}
/* Balken Navigation Content Shouty */
td.nav_heading{color: #xxxxxx;background-image: url();background-color: #xxxxxx;}
td.edit_content_top{height: 25px;background-image: url();color: #xxxxxx;background-color: #xxxxxx;}
td.sidebar_heading{color: #xxxxxx;background-color: #xxxxxx;background-image: url();}
td.shouty{color:#000000;background-image: url();background-color: #xxxxxx;border: 1px solid #xxxxxx;}
td.shouty2{color:#000000;background-image: url();background-color: #xxxxxx;border: 1px solid #xxxxxx;}
td.shouty3{color:#000000;background-image: url();background-color: #xxxxxx;border: 1px solid #xxxxxx;}
td.shouty4{color:#000000;background-image: url();background-color: #xxxxxx;border: 1px solid #xxxxxx;}
td.shouty5{color:#000000;background-image: url();background-color: #xxxxxx;border: 1px solid #xxxxxx;}
td.edit_rb_footer{background-image: url();background-color: #xxxxxx;}
/*Content*/
td.edit_content div{color: #xxxxxx;}
td.edit_content{padding-left: 0px;background-image: url();background-color: #xxxxxx;}
td.edit_content p{color: #xxxxxx;}
td.edit_content_bottom{background-image: url();color: #xxxxxx;height: 0px;}
td.edit_content_bottom2{background-image: url();color: #xxxxxx;height: 0px;}
td.headline2{visibility: hidden;}
/*Navigation*/
td.nav{color: #xxxxxx;font-weight: bold;width: 185px;height: 40px;background-image:url(BUTTON URL);background-color: #xxxxxx;border: 1px solid #xxxxxx;}
td.nav:hover{background-image:url();background-color: #xxxxxx;height: 40px;}
td.nav a{color: #xxxxxx;font-size:12px;font-weight: normal;font-family: verdana;text-align: center;text-decoration: none;font-style: normal;}
td.nav a:hover{color: #xxxxxx;font-family: verdana;text-decoration: none;font-size: 12px;}
td.nav a:visited{color: #xxxxxx;}
-->
</style>
Text unter dem Design:
</div>
Damit du besser siehst, was was ist:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=29413
Die Buttons mußt du dir zuerst einmal machen oder bei einem der netten Anbieter hier (coolplace, success4you u.s.w.) kostenlos downloaden und unter 'Eigene Bilder verwalten' hochladen!
Die Url des Bildes trägst du dann in den Navigationsteil des oben genannten Codes ein!
______________
[img:fb898a208d]http://img.webme.com/pic/h/herta-masarie/hertabannernew.jpg[/img:fb898a208d]
Design einstellen
