Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.09.2010 um 19:31 (UTC)    
Titel: Rechte Box Hintergrund Ändern Iceblue

Hallo,
Ich habe mal eine warscheinlich blöde frage....
aber ich such nun schon den ganzen tag im forum herrum und finde nix....

Ich möchte gern bei meinem iceblue design den hintergrund der rechten boxen ändern und iwie geht das nicht... also sogesehen so das er zu dem rest meines designs passt..
am besten ihr schaut euch das an dann sieht man es sofort das da rechts was farblich nicht passt!
hat wer ne lösung??

danke im vorraus

hier mal mein Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>. - Home</title>
<style type="text/css">
<!--

body {
background-color: #000;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: black;
}
a {
font-size: 11px;
color: black;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: white;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: black;
font-size:11px;
}
td.nav_heading {
background-image: url(http://img.webme.com/pic/d/dj-vantom/rechtsshoutboxback.png);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://img.webme.com/pic/d/dj-vantom/rechtsshoutboxback.png);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://img.webme.com/pic/d/dj-vantom/rechtsshoutboxback.png);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://theme.webme.com/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://img.webme.com/pic/d/dj-vantom/rechtsshoutboxback.png);
}
.RowDark {
background-image: url(http://img.webme.com/pic/d/dj-vantom/rechtsshoutboxback.png);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
//-->
</style>
</head>
<body>
<FONT color="white"><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;}



/* 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/d/dj-vantom/head_left.png);height: 30px;background-color:#XXXXXX;border:;}

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/d/dj-vantom/head_left.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://emil-online.square7.ch/Themes/IceBlue/Color_Collection/IceBlue_GrassGreen/head_left.gif);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();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: 14px;color: #ffffff;padding-left:0px;text-align: center;}

/* 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/d/dj-vantom/neuerheader.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.09.2010 um 19:57 (UTC)    
Titel:

Moin,
du musst lediglich die gewünschte oder ein Hintergrunbild angeben.
In deinem Code findest du diese Stelle:

Zitat:


/* Die rechten Boxen, beim ändern bitte ein ansatzfreies Bild benutzen*/
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5 {
background-image:url(http://dein-hintergrundbild.jpg);
background-repeat:repeat;
background-color:#Hier kann ein Farbwert angegeben werden. Z.B. :000000;
font-family: arial;
font-size: 12px;
color:#000000;
border: 0px solid #2D3738;
}


Ich habe die relevanten Angaben für den Farbwert und ein Hintergrundbild rot markiert.
Hoffentlich hilft dir dies weiter.

MfG Demon
______________


Beitrag18.09.2010 um 20:19 (UTC)    
Titel:

ich hab das jetzt so gemacht aber iwie is da immernoch diese blau grau im hintergrund und der nervige seitenbalken.... hilfe!!!!!!

/* 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/d/dj-vantom/rechtsshoutboxback.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: arial;font-size: 12px;
color:#XXXXXX;border: 0px solid #2D3738;}
Beitrag19.09.2010 um 06:50 (UTC)    
Titel:

dj-vantom hat Folgendes geschrieben:
ich hab das jetzt so gemacht aber iwie is da immernoch diese blau grau im hintergrund und der nervige seitenbalken.... hilfe!!!!!!

/* 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/d/dj-vantom/rechtsshoutboxback.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: arial;font-size: 12px;
color:#XXXXXX;border: 0px solid #2D3738;}


Hey,

Das liegt daran, dass du das Fettmarkierte noch bei dir drin hast. Das überspielt sozusagen alle anderen Voreinstellungen.

So sollte der Code richtig sein:
Code:
/* 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/d/dj-vantom/rechtsshoutboxback.png);
background-repeat:repeat;
font-family: arial;font-size: 12px;
color:#XXXXXX;border: 0px solid #2D3738;}


mfg

EDIT: Yeah, mein 3000. Beitrag! Very Happy
______________
THE JOY OF NOT BEING SOLD ANYTHING


Zuletzt bearbeitet von ig444 am 19.09.2010, 07:56, insgesamt einmal bearbeitet
Beitrag19.09.2010 um 21:22 (UTC)    
Titel:

setze das mal noch im code mit rein:

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


meintest du das? du hast es nämlich aus dem code gelöscht.

gruss gringo

tip: wenn du nächstes mal den quellcode postest, dann nimm nur den von "text über dem design".
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.09.2010, 10:21, insgesamt 2-mal bearbeitet
Beitrag21.09.2010 um 12:15 (UTC)    
Titel:

Danke 6p-iceblue
das hat super funktioniert=D
man lernt hier echt was dazu voll hammer...=D

und wo ich grad hier bin hätt ich noch ne frage...
ist es möglich in der navigation zu sagen das wenn ich auf ein button gehe und der HOVVER erscheint das der nach dem draufklicken bleibt??also das der menüpunkt zb grün leuchtet solange ich in diesem menüpunkt bin???
Beitrag21.09.2010 um 14:06 (UTC)    
Titel:

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


das noch mit reinsetzen. die url des hoverbuttons ersetzt du dann hier im code. dein hoverbutton bleibt dann da stehen, auf derer seite du dich befindest.

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



Zuletzt bearbeitet von 6p-iceblue am 21.09.2010, 15:08, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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