Need to add a background to a website...help!

Hthomas

12 years ago

please tell us what type of your business is? and also give us your website link.

Thanks

{{ DiscussionBoard.errors[5264608].message }}

iluvmoney

12 years ago

PM you mate.

Thanks

{{ DiscussionBoard.errors[5264671].message }}

kokopelli

12 years ago

You can add an image as a background, or just change the background color.

If it is a WordPress site, try this plugin (I use it and it works great): WordPress › Better Backgrounds « WordPress Plugins

If it is not WP, you can add the code to the stylesheet (CSS file) - see: CSS Background

Thanks

Signature

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

{{ DiscussionBoard.errors[5264873].message }}

spesialis

12 years ago

most often than not

put on the bottom of style.css or custom.css

#wrapper {
background: url("INSERT IMAGE LINK") no-repeat scroll left top #000000;
}

Thanks
1 reply

Signature

Website Design and Development - Satisfaction Guaranteed ... Click Here

{{ DiscussionBoard.errors[5265093].message }}

adnank 12 years ago

Originally Posted by spesialis

most often than not

put on the bottom of style.css or custom.css

#wrapper {
background: url("INSERT IMAGE LINK") no-repeat scroll left top #000000;
}

Or just use Firebug or Code Inspector and find what is exactly class used for "wrapper".
- Thanks
{{ DiscussionBoard.errors[5267214].message }}

iluvmoney

12 years ago

Thanks guy's but i'm still having problem with it! i need someone to do it for me!

Thanks
1 reply

{{ DiscussionBoard.errors[5277402].message }}

yukon Banned 12 years ago

Originally Posted by iluvmoney

Thanks guy's but i'm still having problem with it! i need someone to do it for me!

Post a link & we can show you what CSS to edit.
- Thanks
{{ DiscussionBoard.errors[5282411].message }}

outwest

12 years ago

you never said if it was a wordpress site or an html site

Thanks

Signature

Tech article writing .Native English Speaker(with Proof)
specializing in SmartPhones , Internet security, high tech gadgets, search engines, tech shows, digital cameras.

{{ DiscussionBoard.errors[5277549].message }}

iluvmoney

12 years ago

HTML sorry mate

Thanks

{{ DiscussionBoard.errors[5279944].message }}

iluvmoney

12 years ago

Hi,

Link below,

I'm after something on each side of the page to liven it up a bit. I was looking at this before, but it can be anything grey. hxxp://bit.ly/vorHpJ

Site link:

hxxp://bit.ly/vO9Lfq

Thanks
1 reply

{{ DiscussionBoard.errors[5283604].message }}

ronc0011

12 years ago

I woulld go with an image that can be tiled Do some Googling for Photoshop textures and maybe rust textures The reason I suggest the rust texture is because these tutorials are likely to use techniques that can be used for endless patterns that you can use for tiled backgrounds. To add it to your website add this to your CSS file

Code:

body
{
 background-image:url(/images/yourImage.gif);
 background-repeat:repeat-x repeat-y;

}

Replace the url path for the image with the path to image you want to use

Thanks
1 reply

{{ DiscussionBoard.errors[5286684].message }}

stepsG

12 years ago

Originally Posted by ronc0011

I woulld go with an image that can be tiled Do some Googling for Photoshop textures and maybe rust textures The reason I suggest the rust texture is because these tutorials are likely to use techniques that can be used for endless patterns that you can use for tiled backgrounds. To add it to your website add this to your CSS file

Code:

body
{
 background-image:url(/images/yourImage.gif);
 background-repeat:repeat-x repeat-y;

}

Replace the url path for the image with the path to image you want to use

but why background-repeat:repeat-x repeat-y; just use background-repeat:repeat; (assuming you want your bg image repeating horizontally and vertically at the same time.)

Thanks
1 reply

{{ DiscussionBoard.errors[5286810].message }}

sgoerger

12 years ago

Originally Posted by stepsG

but why background-repeat:repeat-x repeat-y; just use background-repeat:repeat; (assuming you want your bg image repeating horizontally and vertically at the same time.)

To simplify even a little more:

body {background: url(http://yourimagehere.com/images/image.jpg) repeat;}

Thanks

{{ DiscussionBoard.errors[5286896].message }}

iluvmoney

12 years ago

I'm not sure on what background to get, does it have to be a square image which gets repeated again and again or a whole image?

Thanks
1 reply

{{ DiscussionBoard.errors[5286844].message }}

stepsG 12 years ago

Originally Posted by iluvmoney

I'm not sure on what background to get, does it have to be a square image which gets repeated again and again or a whole image?

first let me know, what your trying to repeat? a real world big image shot taken by SLRs, or you are trying to repeat a pattern/texture?

if you want a whole background photograph image then the code would be a bit different.

so let me know. i will help
- Thanks
{{ DiscussionBoard.errors[5286869].message }}

fastcreative

12 years ago

I'm a Photoshop expert. What kind of image would you like?

Thanks

{{ DiscussionBoard.errors[5287505].message }}

iluvmoney

12 years ago

Sup guys, hope you all had a good xmas!

ok I'm after this sort of thing, http://i39.tinypic.com/23mlrhl.jpg did this in PS to show you what I'm thinking of, maybe not exactly that if you guy's have any other good idea's on what background would look good?

Thanks

{{ DiscussionBoard.errors[5314919].message }}

iluvmoney

12 years ago

Anyone about? this is frustrating me now!

Thanks
1 reply

{{ DiscussionBoard.errors[5316356].message }}

ronc0011

12 years ago

Looks to me like that site s using two image each on in a separate div position left and right respectively. The one on the right looks like it's bee divided or sliced if you prefer so that the part beside the header image sits correctly above the rest of it in the right hand div.

Basically something l like this...

Code:

HTML...
 
 
<div class="header">
<p>
All your header stuff goes here
</p>
</div>
<p>
<div class="leftdiv">
Left side content 
</p>
</div>
 
<div class="maincontent">
<p>
All your main content goes here
</p>
</div>
 
<div class="rightdiv">
<p>Right hand content goes here
</p>
</div>

CSS

Code:

.header
{
float:left;
width:98%;
background-image:url("TopPortionOfRighhthandImage.gif");
background-position:righttop;
background-repeat:no-repeat;
}
.leftdiv
{
float:left;
width:20%;
margin:10px0px20px15px;
background-image:url("http://www.warriorforum.com/images/myimage.gif");
background-position:lefttop;
background-repeat:no-repeat;
}
.rightdiv
{
float:right;
width:20%;
margin:10px0px20px15px;
background-image:url("http://www.warriorforum.com/images/myimage.gif");
background-position:lefttop;
background-repeat:no-repeat;
}
 
.maincontent
{
float:left;
width:50%;
margin:10px0px20px15px;
}

Thanks

{{ DiscussionBoard.errors[5317017].message }}

iluvmoney

12 years ago

No that's a image I created on photoshop to show what I was after but I have since change my mind,

I want this hxxp://bit.ly/uJepIO but in both corners and down each side more so I would need someone who's good at PS editing.

Thanks

{{ DiscussionBoard.errors[5317626].message }}

techotalk

12 years ago

PM me you website url will see what we can do but what exactly you want in your background?

Thanks

Signature

***Fight with Google Like a Boss****

Be on Top of the Google at just $5

Google animal fighting Link pyramid GIG

{{ DiscussionBoard.errors[5317717].message }}

iluvmoney

12 years ago

URL is above just go to the root page

Thanks

{{ DiscussionBoard.errors[5317843].message }}

bryansmith1129

12 years ago

Learn from w3schools. Here your queries are resolved.

Thanks
1 reply

Signature

hosted desktop, virtual desktop hosting

{{ DiscussionBoard.errors[5321170].message }}

iluvmoney 12 years ago

Originally Posted by bryansmith1129

Learn from w3schools. Here your queries are resolved.

Ok thanks for that! Getting your post count up? :rolleyes:
- Thanks
{{ DiscussionBoard.errors[5321262].message }}