Webboard

Pełna wersja: zmiana koloru tła na zdięcie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam
jak wgrac tło do tego stylu bo mam tutaj kolor
kiedys jak miałem obrazek to tylko zmieniałem nazwe w  global.css
mam takie cos :

body {
background: #eceef0;
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif, Arial, "Open Sans", Tahoma;
font-size: 13px;
overflow-y: scroll; }

a:link {
transition: all 0.25s ease !important;
-webkit-transition: all 0.25s ease !important;
-moz-transition: all 0.25s ease !important;
-o-transition: all 0.25s ease !important;
-ms-transition: all 0.25s ease !important;
color: blue;
text-decoration: none; }

a:visited {
color: #0072bc;
text-decoration: none; }

a:hover,
a:active { color: #00aced; }

#container {
text-align: left;
color: #333;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Sans-serif, Arial;
font-size: 13px;
min-width: 990px; }

.wrapper {
width: 85%;
min-width: 970px;
max-width: 1500px;
margin: auto auto; }


/* you can change the header-image here. [ image dimensions should be ~ 1920 x 390 ]  */
#logo {
background: #eceef0 url(images/flatty/444439844.jpg) no-repeat 0% 5%;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
padding: 6em 0px 4.725em 0px; }


#content {
width: auto !important;
padding: 40px 10px;
overflow: hidden;
background: rgb(236, 238, 240); }

#header ul.menu {
text-align: right;
margin: 0;
padding: 0;
list-style: none; }

#header ul.menu li {
margin: 0 4px;
display: inline; }

#header ul.menu li a {
padding-left: 20px;
display: inline-block;
color: #fff;
line-height: 16px;
font-family: "Open Sans", Sans-serif, Arial; }

#logo ul.top_links {
text-align: right;
margin: -10px 5px 0 0; }

#panel .upper a.logout {
font-weight: bold;
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px; }

#panel .upper a.login,
#panel .upper a.lost_password {
padding: 9px 14px 8px 12px;
    margin-left: 25px;
    font-weight: 300;
    background: #2C82C9; }

#panel .upper a.register {
padding: 9px 14px 8px 12px;
    margin-left: 5px;
    font-weight: 300;
    background: #d98B3a; }

#panel .upper a.login:hover { background: #6e88ea; color: #333; }
Podejrzewam, że chcesz wstawić tło między nagłówkiem, a stopką w stylu Flatty...
Podpowiem Ci, jak to zrobić.

Bierzesz arkusz kaskadowy, dokładniej to:

Kod PHP:
#content {
 
   widthauto !important;
 
   padding40px 10px;
 
   overflowhidden;
 
   backgroundrgb(236238240); 

Czy teraz widzisz, co odpowiada za tło?

Tak, to background

Żeby wstawić obrazek za tło, zmieniasz ten background na background-image.

Tutaj przykład zastosowania:
http://www.w3schools.com/cssref/pr_background-image.asp