Hallo Stefan,
also zuerst erstellst du eine entsprechende Grafik mit gewünschte Hintergrundfarbe und speicherst die in dem gleichen Ordner, wie auch die introbg.gif.
Dann erstellst du eine zusätzliche Klasse, zB. „artikel“.
Diese Klasse solltest du NACH dem Intro in CSS einfügen - damit die Klasse „intro“ mit der Angabe zur background überschrieben wird:
.artikel { background:
url(http://keingerede2011.lima-city.de/template/artikelbg.gif) no-repeat #FFF;}
Und im HTML-Bereich:
Artikelbeschreibung
Das heißt: es bleibt alles wie gehabt, nur die Hintergrundgrafik für Artikelbeschreibung ändert sich (wird überschrieben).
Ich versuche es hier den Code zu übertragen:
Ebay Stefan
body { margin: 0px 0px 0px 0px; background: #303030 url(http://keingerede2011.lima-city.de/template/bg.gif) repeat-x; }
#container { margin: 0 auto; background: #FFFFFF url(http://keingerede2011.lima-city.de/template/ctbg.gif) no-repeat; width: 750px; margin-top: 40px; }
#topheader { height: 89px; border-bottom: 1px solid #777777; color: #ff6600; width: 750px; }
#theader { font-family: Impact, Sans-serif; font-size: 36px; color: #303030; background: url(http://keingerede2011.lima-city.de/template/logo.gif) no-repeat 0; margin-left: 18px; margin-top: -5px; margin-bottom: -5px; padding-left: 35px; width: 697px; }
#theadert { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ff6600; padding-left: 73px; }
#mainbanner {
width: 560px;
height: 88px;
border-bottom: 1px solid #303030;
background: url(http://keingerede2011.lima-city.de/template/mainbanner.gif) no-repeat;
padding-top: 50px;
padding-left: 190px;
font-family: Rockwell Extra Bold;
font-size: 26px;
color: #FFF;
}
#nav { border-top: 5px solid #303030; width: 750px; }
#nav ul { margin: 0 0 0 0; }
#nav li { list-style-type: none; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#nav li a { text-decoration: none; color: white; background:#303030 url(http://keingerede2011.lima-city.de/template/navbg.gif) no-repeat; width: 100px; height: 17px; padding-top: 5px; display: block; float: left; text-align:center; }
#body { float: none; clear:both; width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -0.8px;
font-size: 24px;
color: #303030;
margin: 0 0 0 0;
padding-left: 24px;
padding-top: 16px;
padding-bottom: 12px;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ff6600;
margin: 0 0 0 43px;
padding-top: 0px;
}
#footer {
width: 750px;
margin: 0 auto;
background:url(http://keingerede2011.lima-city.de/template/footer.gif) no-repeat;
height: 19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
padding-top: 5px;
}
#p404 {
margin: 0 auto;
padding-top: 20px;
width: 400px;
height: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.intro {
margin-top: 5px;
padding-left: 37px;
padding-right: 30px;
width: 683px;
padding-top: 12px;
height: 153px;
background: url(http://keingerede2011.lima-city.de/template/introbg.gif) no-repeat #FFF;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 13px;
}
.artikel {
background: url(http://keingerede2011.lima-city.de/template/artikelbg.gif) no-repeat #FFF;
}
div.content { width: 740px; padding: 5px;}
hr { margin-left: 50px; height: 0px; border-top: 2px dashed #FF6600;}
#blogleft { width: 740px; padding: 5px; float: left;}
#guestleft { width: 740px; float: left;}
span.blogged { width: 100%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
.post {width: 650px; margin: 0 auto; padding-top: 5px; padding-bottom: 10px;}
#body a { color: #ff6600; text-decoration: none; }
label { margin-left: 50px; width: 150px; height: 20px; display: block; float: left; }
b { color: #ff6600;}
strong {color: #000000;}
span.blogged1 { width: 64.5%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
#security {width: 400px;}
Sie bieten auf...
Text
Artikelbeschreibung
Kleiner Text
Text 2
English description
Versandbedingungen
.
.
