photo in background

[mp2610]

it is usually a bad idea to load LARGE pictures.  it dosent matter if its the background or foreground. I would encourage you to stick to some pattern or color.  Just my suggestion.  Not everyone is on broadband, or in america.
G

Thanks for the replay but since i stoped working on this site & with this cms software,
It's topic not applicable any more.
Thanks any way.

Regs,
Pinto.

[tomhung]

it is usually a bad idea to load LARGE pictures.  it dosent matter if its the background or foreground. I would encourage you to stick to some pattern or color.  Just my suggestion.  Not everyone is on broadband, or in america.
G

[mp2610]

THx for the quick replay.
i want to put the image in the backgrond i guess it can repet itself.
if the image is in 1024X768 res it will show 1 time?
this is the link to the website: http://supernuts.net/
THANK you once again.

[marathoner]

The general CSS syntax to include a background image is

Code Select Expand

background-image: url('/path/filename'). However, you don't mention anything else in your question about position or whether it should repeat on the X-axis and/or Y-axis. It's probably best for you to do some CSS homework since this isn't a WB question. You might want to start here: http://www.w3schools.com/css/css_background.asp

Regarding your question about where to put the code...that depends on...um...well...where you want to put the code. I suppose you might put it in your body tag or content id but that depends on where you want the image to appear.

[mp2610]

i want to put image in the background @ my website,
i know that it's in the CSS file cut what is the code that i nee to put & where?
this is the CSS file:
Theme Name: Landzilla

Code Select Expand

/* 
Theme Name: Landzilla
Theme URI: http://www.perun.net/
Description: Landzilla is a Theme for WP 1.5. Made by Vladimir Simovic aka Perun (private Weblog: <a href="http://www.perun.net">www.perun.net</a>).
Version: 1.0
Author: Vladimir Simovic
Author URI: http://www.vlad-design.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body {
padding: 0 0 2em 0;
margin: 0;
text-align: center;
font: 62.5% verdana, sans-serif;
background: #ffff00 url(top.gif) repeat-x;
color: #333;
line-height: 150%;
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: left;
border-bottom: 1px dashed #F26722;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #333;
font-style: normal;
}

blockquote {
border-left: 5px solid #ffff75;
margin: 1em 0;
padding: 5px 10px;
background: #E3EBCC;
width: 490px;
}

code, pre {
color: #F26722;
font: 1.1em 'courier new', courier, monospace;
}

.bild-links {
float: left;
margin: 0 15px 3px 0;
}

.bild-rechts {
float: right;
margin: 0 0 3px 15px;
}

.center {
text-align: center;
}

#container {
text-align: left;
margin: 0 auto;
width: 770px;
padding: 0 0 1em 0;
position: relative;
background: url(background.jpg) repeat-y;
border-bottom: 1px solid #ddd;
}

#kopf {
background: url(header.jpg) no-repeat;
height: 190px;
margin-bottom: 15px;
}

#kopf h1 {
font: 30px 'trebuchet ms', sans-serif;
color: #759D00;
margin: 0;
padding: 5px 15px;
}

#kopf h1 a {
color: #759D00;
text-decoration: none;
}

#navi {
float: right;
width: 200px;
text-align: center;
background: #E3EBCC;
font-size: 1.1em;
padding: 0 0 5px 0;
margin: 0 15px 15px 0;
display: inline;
}

#navi ul, #navi ol, #navi p, #navi form, #navi dl {
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

#navi div {
margin: 10px 10px 15px 10px;
text-align: left;
}

#navi h2 {
font: bold 1.2em verdana, sans-serif;
color: #fff;
margin: 0 0 .5em 0;
padding: 1px 5px 1px 15px;
background: #759D00 url(h3.gif) no-repeat center left;
text-align: left;
}

#navi a {
font-weight: bold;
color:#759D00;
text-decoration: none;
}

#navi a:hover {
color: #444;
}

#navi ul {
list-style: none;
margin: .5em 0 1em 0;
}

#navi ul ul {
margin: 2px 0 2px 7px;
padding: 0;
}

#navi .navi-search {
margin-bottom: 3px;
width: 150px;
font-size: 1em;
}

#inhalt {
margin-right: 235px;
margin-left: 15px;
padding: 1.1em 0;
font-size: 1.1em;
}

#inhalt h2 {
color: #666;
border-bottom: 1px solid #E3EBCC;
font: bold 1em verdana, sans-serif;
text-align: center;
margin: .5em 0 0 0;
padding: 2px 5px;
}

#inhalt h2 a {
text-decoration: none;
}

#inhalt h3 {
padding: 2px 0 2px 17px;
margin: .5em 0;
font-size: 1.4em;
background: url(h3-inhalt.gif) no-repeat left center;
}

#inhalt h3 a {
color: #648600;
text-decoration: none;
}

#inhalt h3 a:hover {
color: #759D00;
text-decoration: none;
}

#inhalt h4 {
font-size: 1.3em;
padding: 0;
margin: 1em 0;
color: #444;
}

#inhalt h5 {
font-size: 1.1em;
padding: 0;
margin: 1em 0;
color: #444;
}

#inhalt a, #footer a {
color: #ffff65;
}

#inhalt a:hover, #footer a:hover {
color: #444;
text-decoration: none;
}

#inhalt .meta {
font-size: .9em;
background: #E3EBCC;
margin: 0;
padding: 1px 5px;
}

#inhalt .feedback {
margin: 1em 1.7em 1em 1em;
text-align: right;
}

#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #E3EBCC;
}

#commentform {
margin: 1em 0;
padding: 1em;
border: 1px solid #759D00;
background: #E3EBCC;
}

#footer {
clear: both;
margin: 3em 15px 0 15px;
padding: 5px;
text-align: center;
font-size: .8em;
}