vBulletin

Thank you for visiting. This is our website archive. Please visit our main website by clicking the banner above.
vBulletin FAQ is dedicated to helping the forum owner build, manage and profit from his vBulletin Forum
vBulletin Web Hosting - Free skins and styles for your vBulletin - Search Engine Optimization




fixed background images

Elsie
06-19-2006, 07:50 AM
i'm waiting on an email reply about this but thought i might ask here as well :)

basically, i've got a top right fixed background image but at the moment it's tiled (like any bg is of course) but i don't want it to be cos it looks rubbish! lol

how do i prevent an image from tiling?

thanks.

Peggy
06-19-2006, 08:25 AM
you can't prevent it from tiling that I know of. Not if it's a background image. Unless it's the right size to fit the entire background without tiling

Elsie
06-19-2006, 08:30 AM
damn.

i did try no-repeat, as suggested on a css site, but that just produced a lot of white around it where it doesn't fit the screen.

if anyone else has a clue, i'd be grateful! lol

Joeychgo
06-19-2006, 02:37 PM
I think peggy is right..

Coder1
06-19-2006, 03:04 PM
Use CSS. What you do is create an element to contain the background image. Of course, with vBulletin, you already have all the elements created, you just have to locate the correct one. Then, you code your CSS background property for that element.

For example, say you wanted the "body" element to contain your un-tiled background image. This CSS declaration would do it:


<style type="text/css">
body
{
background-image: url('myimage.jpg');
background-repeat: no-repeat;
background-position: top left;
}
</style>


There are many different background properties, doing a web search on "CSS background" should take you to several tutorials and a complete specification on the CSS background selectors.

Peggy
06-19-2006, 03:06 PM
hmmmm.. I tried that and it didn't work. I got the background image in the upper left and blank space all around it where a background should be.

noppid
06-19-2006, 03:08 PM
Set background-color: to match your site and get rid of the white in addition to tgreer's post.

Coder1
06-19-2006, 03:11 PM
Ohio: that means that it DID work... it placed the image at the top-left with no repeating (tiling). To change the overall color of the background, you'd need to add a "background-color: " to that style declaration. As I said, there are LOTS of background properties.

Also, feel free to move this to the new Graphics Discussion, if you think that would be appropriate.

Peggy
06-19-2006, 03:14 PM
already did :p

Elsie
06-21-2006, 02:21 AM
thanks people :) i managed to get replies to my emails, and so had already managed it by the time i came back here. all the help is MUCH appreciated tho, and will hopefully be of use to others too :)

the changing of the background colour is annoyingly obvious once it's pointed out!! lol

and my code doesn't look exactly like that above, but it works the same anyway! ;)

thanks again, folks!

Peggy
06-21-2006, 09:20 AM
great Elsie, I'm glad you got it fixed up

Coder1
06-21-2006, 04:59 PM
Post what your's does look like, Elsie... please, that isn't a double-entendre, Os, resist the obvious comeback.

Peggy
06-21-2006, 05:00 PM
LOL... are you getting paranoid Thomas?

Coder1
06-21-2006, 06:10 PM
Yes. MarcoH64 is reading all of my PMs.

Or, to quote Frank Burns from *M*A*S*H*: "I'm only paranoid because everybody hates me."

Peggy
06-21-2006, 06:48 PM
aww darlin, you're safe here... :)

Elsie
06-22-2006, 03:24 AM
i'll show you mine if you show me your's!! ;)

#DEDEDE url(images/misc/wallpaper2b.jpg) no-repeat top right fixed

Coder1
06-22-2006, 06:37 AM
Yes, that's the "compact" version. For the girl on the go.

Elsie
06-22-2006, 07:14 AM
well it was a man who told me what to put, so there ya go! lol

Peggy
06-22-2006, 10:47 AM
LOL @ Elsie


vBulletin

seo book

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum