Suche im Forum:
Suchen


Autor Nachricht
Beitrag17.10.2010 um 20:42 (UTC)    
Titel: Breites Design und schwarzer Hintergrund

Halli Hallo,

ich bin neu hier und baue mir gerade meine eigene HP auf. Habe mein Design IceBlue Seite breit gemacht und möchte gern den Hintergrund von der Hauptseite bzw. von Unterseiten mit einer schwarzen Hintergrundfarbe belegen. Wie kann ich das machen? Habe schon einen Code, füg den mal bei. Kann mir jemand helfen?

Danke JR


<style type="text/css">
<!--
/* Durch ändern des Wertes, kann das Design geschmälert werden. beispielsweise 90%*/
table.edit_main_table{width: 100% !important;}

/* Hier nichts ändern*/
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
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;}

/* Boxen können bis 240 px verbreitert werden*/
table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:185px;}


/* Das Textfeld*/
td.edit_content{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);background-color:#c0c0c0;border: 5px solid #232B2B;}

/* Hovereffekt der Navigation*/
td.nav:hover{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);background-color:#XXXXXX;width:
185px;height: 33px;border: 0px solid #2D3738;}

/* Navigation*/
td.nav{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);background-color:#XXXXXX;width:
185px;height: 33px;border: 0px solid #2D3738;}

/* Bild unter der Navigation, wandert automatisch beim zufügen neuer Seiten*/
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

/* Hintergrund des Designs*/
body{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);background-color:# 000000;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

/* Die rechten Boxen, beim ändern bitte ein ansatzfreies Bild benutzen*/
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: arial;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}

/* Das Bild zwischen Textfeld und Header. Bitte ein ansatzfreies Bild benutzen, es verbreitert sich automatisch*/
td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}

td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}

/* Das Bild über der Navigation*/
td.nav_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

/* Das Bild über den Shoutboxen. Sollten die Boxen verbreitert worden sein, dann bitte ein ansatzfreies Bild nehmen. es wiederholt sich in der Breite.*/
td.sidebar_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_bottom2{background-image:url();background-color:#XXXXXX;height: 30px;border: 0px solid #2D3738;}

/* Abschluss unter dem Textfeld. Durch löschen der URL des Bildes, wird es transparent*/
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebottom1.png);height: 30px;background-color:#XXXXXX;border: 0px
solid #c0c0c0;background-position: center top;background-repeat: no-repeat;}

/* Schriftfarbe über der Navigation*/
td.nav_heading{font-family: arial;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}

/* Schriftfarbe der Navigation*/
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}

/* Schriftfarbe über den Boxen*/
td.sidebar_heading{font-family: arial;font-size: 12px;color: #ffffff; text-align: center;}

/* Verhindert den Scrollbalken im Textfeld beim Internetexplorer 8*/
td.edit_content_main div{overflow: hidden!important;}

/* Der Haeder. Am besten einen nehmen, der einen Hintergrundfarbton hat. Erstelle hierzu ein Bild von 900 px Breite und beschrifte ihn. Dann den Hintergrundfarbton noch zufügen. hier ist er auf Transparent gestellt. Breite und höhe dann hier anpassen
*/
td.edit_header_full{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader.png);background-color:#XXXXXX;width:
1600; height: 128px;background-repeat: no-repeat;background-position:
center top;border: 0px solid #2D3738;}

/* Schriftfarben im Textfeld, kann jeder für sich selbst beim Erstellen der Seiten bestimmen. Das macht Ihr mittels Editor. Arbeitet nicht mit Stil, sondern mit Grösse, Schriftart und Schriftfarbe. Text einfach markieren und dann zuweisen.*/
-->
</style>
Beitrag18.10.2010 um 05:23 (UTC)    
Titel:

/* Hintergrund des Designs*/
body{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);background-color:# 000000;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}


Also ich würde bei "background-image:url"einanderes bild einfügen,

Probier mal das.: http://img.webme.com/pic/v/vsf-clanq4/black.png

Mfg
°.» Mîstér X «.°
Beitrag18.10.2010 um 11:46 (UTC)    
Titel:

Hallo vsf-clanq4,

meinst Du, ich soll anstelle des body{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png

deinen http://img.webme.com/pic/v/vsf-clanq4/black.png Link einfügen?

Haben dann alle Seiten einen schwarzen Hintergrund?

Danke nochmal für deine Antwort & Hilfe.
Beitrag18.10.2010 um 11:55 (UTC)    
Titel:

wenn du mit seiten das textfeld meinst, wäre es der bereich:

Code:
/* Das Textfeld*/
td.edit_content{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);background-color:#c0c0c0;border: 5px solid #232B2B;}


ändere das in

Zitat:
/* Das Textfeld*/
td.edit_content{background-image:url();background-color:#000000;border: 5px solid #232B2B;}


du musst dann aber deine schriftfarben ändern. das meiste ist ja in schwarz geschrieben.

der body ist übrigens der hintergrund der seite, der im dunklen graublau ist.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 18.10.2010, 12:57, insgesamt 3-mal bearbeitet
Beitrag18.10.2010 um 20:38 (UTC)    
Titel: Danke

... fürs fürs Helfen Smile
Beiträge der letzten Zeit anzeigen:   


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