Webboard

Pełna wersja: Jak wydłużyć tło ?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam jak wydłużyć tło ? w sklepie cs-kostnica.
nazwa: sklep-scorpion.xaa.pl

[Obrazek: tlo-jak-w_wweaanr.png]

Kod:
body {
background:url(images/background.html) 0 0 repeat-x #232323;
color: #FFFFFF;
margin: 0 auto;
padding 0 px;
}

a {
text-decoration: none;
color: #FFFFFF;
}

a:hover {
text-decoration: underline;
color: #FFFFFF;

}
#container {
width:1004px;
margin:0 auto;
}

#logo {
width:396px;
height:165px;
background:url(images/logo.png) 0 0 no-repeat;

}


#menu {
width:944px;
height:40px;
background:url(images/menu.png) 0 0 no-repeat;
margin:0 auto;
}
div#menu a {
display: inline-block;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
font-weight:bold;
padding: 15px;
font-family:Tahoma;
margin-left: 7px;
margin-top: -2px;
}
div#menu a:hover {
color:#00000;
}
#srodek {
width:940px;
height:3964px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek2 {
width:940px;
height:480px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek3 {
width:940px;
height:3600px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek4 {
width:940px;
height:480px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek5 {
width:600px;
height:120px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#belka1 {
width:480px;
height:26px;
background:url(images/belka1.png) 0 0 no-repeat;
position: relative;
float:left;
margin-left: 19px;
top: 20px;
}
.txt1 {
display: inline-block;
text-decoration: none;
color: #FFFFFF;
font-size:10px;
font-weight:bold;
font-family:Tahoma;
margin-left: 27px;
margin-top: 6px;
}
#tlo1 {
width:480px;
height:3200px;
background:url(images/tlo1.png) 0 0 repeat-y;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo10 {
width:900px;
height:60px;
background:url(images/tlo10.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo11 {
width:900px;
height:50px;
background:url(images/tlo11.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo8 {
width:900px;
height:400px;
background:url(images/tlo8.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo9 {
width:900px;
height:700px;
background:url(images/tlo9.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

.banner {
margin-left: 7px;
top: 29px;
position: relative;
}
#belka2 {
width:401px;
height:26px;
background:url(images/belka2.png) 0 0 no-repeat;
position: relative;
float:right;
margin-right: 20px;
top: -5px;
}
#tlo2 {
width:401px;
height:612px;
background:url(images/tlo2.png) 0 0 no-repeat;
margin-right: 20px;
float:right;
margin-top: -15px;
}

#tlo7 {
width:900px;
height:220px;
background:url(images/tlo7.png) 0 0 no-repeat;
margin-right: 20px;
float:right;
margin-top: -15px;
}

.button {
margin-left: 16px;
top: 18px;
position: relative;
}
#belka3 {
width:401px;
height:26px;
background:url(images/belka2.png) 0 0 no-repeat;
position: relative;
float:right;
margin-right: 20px;
top: 10px;
}
#tlo3 {
width:401px;
height:2560px;
background:url(images/tlo3.png) 0 0 repeat-y;
margin-right: 20px;
float:right;
margin-top: -9px;
}
.server {
margin-left: 18px;
top: 22px;
position: relative;

}
#belka4 {
width:900px;
height:26px;
background:url(images/belka4.png) 0 0 no-repeat;
float:left;
margin-left:18px;
position: relative;
top: 10px;
}
#tlo4 {
width:900px;
height:360px;
background:url(images/tlo4.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}


#tlo5 {
width:900px;
height:500px;
background:url(images/tlo5.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

#tlo6 {
width:900px;
height:340px;
background:url(images/tlo6.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

#tlo7 {
width:900px;
height:200px;
background:url(images/tlo5.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

#tlo8 {
width:390px;
height:160px;
background:url(images/tlo5.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

.banner2 {
top: -14px;
margin-left:-5px;
position: relative;
}
#stopka {
width:940px;
height:40px;
background:url(images/stopka.png) 0 0 no-repeat;
margin:0 auto;
positon: relative;
margin-top:-40px;
}


.wykonanie {
display: inline-block;
text-decoration: none;
color: #000000;
font-size:11px;
font-family:Tahoma;
margin-left: 25px;
margin-top: 12px;
}
.copyright {
display: inline-block;
text-decoration: none;
color: #000000;
font-size:11px;
font-family:Tahoma;
float:right;
margin-right: 25px;
margin-top: 12px;
}

.stat4u {
display: inline-block;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
font-family:Tahoma;
float:right;
margin-center: 25px;
margin-top: 12px;
}

.stepka {position:absolute; left:170 px; top:30px;}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 470px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
margin-left:40px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 475px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* AMXX-Studio Notes - DO NOT MODIFY BELOW HERE
*{\\ rtf1\\ ansi\\ ansicpg1250\\ deff0\\ deflang1045{\\ fonttbl{\\ f0\\ fnil Tahoma;}}\n\\ viewkind4\\ uc1\\ pard\\ f0\\ fs16 \n\\ par }
*/
Kod:
body {
background:url(images/background.html) 0 0 repeat-x #232323;
color: #FFFFFF;
margin: 0 auto;
padding 0 px;
}

a {
text-decoration: none;
color: #FFFFFF;
}

a:hover {
text-decoration: underline;
color: #FFFFFF;

}
#container {
width:1004px;
margin:0 auto;
}

#logo {
width:396px;
height:165px;
background:url(images/logo.png) 0 0 no-repeat;

}


#menu {
width:944px;
height:40px;
background:url(images/menu.png) 0 0 no-repeat;
margin:0 auto;
}
div#menu a {
display: inline-block;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
font-weight:bold;
padding: 15px;
font-family:Tahoma;
margin-left: 7px;
margin-top: -2px;
}
div#menu a:hover {
color:#00000;
}
#srodek {
width:940px;
height:3964px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek2 {
width:940px;
height:480px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek3 {
width:940px;
height:3600px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek4 {
width:940px;
height:480px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#srodek5 {
width:600px;
height:120px;
background:url(images/srodek-test.png) 0 0 repeat-y;
margin:0 auto;
}
#belka1 {
width:480px;
height:26px;
background:url(images/belka1.png) 0 0 no-repeat;
position: relative;
float:left;
margin-left: 19px;
top: 20px;
}
.txt1 {
display: inline-block;
text-decoration: none;
color: #FFFFFF;
font-size:10px;
font-weight:bold;
font-family:Tahoma;
margin-left: 27px;
margin-top: 6px;
}
#tlo1 {
width:480px;
height:3200px;
background:url(images/tlo1.png) 0 0 repeat-y;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo10 {
width:900px;
height:60px;
background:url(images/tlo10.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo11 {
width:900px;
height:50px;
background:url(images/tlo11.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo8 {
width:900px;
height:400px;
background:url(images/tlo8.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

#tlo9 {
width:900px;
height:700px;
background:url(images/tlo9.png) 0 0 no-repeat;
float:left;
margin-left: 19px;
top: 20px;
}

.banner {
margin-left: 7px;
top: 29px;
position: relative;
}
#belka2 {
width:401px;
height:26px;
background:url(images/belka2.png) 0 0 no-repeat;
position: relative;
float:right;
margin-right: 20px;
top: -5px;
}
#tlo2 {
width:401px;
height:612px;
background:url(images/tlo2.png) 0 0 no-repeat;
margin-right: 20px;
float:right;
margin-top: -15px;
}

#tlo7 {
width:900px;
height:220px;
background:url(images/tlo7.png) 0 0 no-repeat;
margin-right: 20px;
float:right;
margin-top: -15px;
}

.button {
margin-left: 16px;
top: 18px;
position: relative;
}
#belka3 {
width:401px;
height:26px;
background:url(images/belka2.png) 0 0 no-repeat;
position: relative;
float:right;
margin-right: 20px;
top: 10px;
}
#tlo3 {
width:401px;
height:2560px;
background:url(images/tlo3.png) 0 0 repeat-y;
margin-right: 20px;
float:right;
margin-top: -9px;
}
.server {
margin-left: 18px;
top: 22px;
position: relative;

}
#belka4 {
width:900px;
height:26px;
background:url(images/belka4.png) 0 0 no-repeat;
float:left;
margin-left:18px;
position: relative;
top: 10px;
}
#tlo4 {
width:900px;
height:360px;
background:url(images/tlo4.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}


#tlo5 {
     width: 900px;
    float: left;
    margin-left: 18px;
    margin-top: 5px;
    height: 3500px;
    background: url("images/tlo5.png") repeat scroll 0% 0% transparent;
}

#tlo6 {
width:900px;
height:340px;
background:url(images/tlo6.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

#tlo7 {
width:900px;
height:200px;
background:url(images/tlo5.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

#tlo8 {
width:390px;
height:160px;
background:url(images/tlo5.png) 0 0 no-repeat;
float:left;
margin-left:18px;
margin-top: 5px;
}

.banner2 {
top: -14px;
margin-left:-5px;
position: relative;
}
#stopka {
width:940px;
height:40px;
background:url(images/stopka.png) 0 0 no-repeat;
margin:0 auto;
positon: relative;
margin-top:-40px;
}


.wykonanie {
display: inline-block;
text-decoration: none;
color: #000000;
font-size:11px;
font-family:Tahoma;
margin-left: 25px;
margin-top: 12px;
}
.copyright {
display: inline-block;
text-decoration: none;
color: #000000;
font-size:11px;
font-family:Tahoma;
float:right;
margin-right: 25px;
margin-top: 12px;
}

.stat4u {
display: inline-block;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
font-family:Tahoma;
float:right;
margin-center: 25px;
margin-top: 12px;
}

.stepka {position:absolute; left:170 px; top:30px;}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 470px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
margin-left:40px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 475px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* AMXX-Studio Notes - DO NOT MODIFY BELOW HERE
*{\\ rtf1\\ ansi\\ ansicpg1250\\ deff0\\ deflang1045{\\ fonttbl{\\ f0\\ fnil Tahoma;}}\n\\ viewkind4\\ uc1\\ pard\\ f0\\ fs16 \n\\ par }
*/
Dzięki +