Vbull/CSS/coding Help?

[rokked]

I'm fairly new to the coding angle of things, and want to redesign my layout in a rather complicated (or what I consider complicated) manner. I'm trying to figure out things like making the background just one image instead of using a header image, how to keep the forum index from changing sizes when windows get smaller, that sort of thing. Basically set up a format where the background (including the header) is behind the forum index.

I looked through the tutorial thread, I know Photoshop and all of that, but my question is if anyone knows any resources where I can look at specifically designed formats of VBulletin formats and maybe even find tutorials on how to build similar projects. Like I said, I know what I want it to look like, I'm just having trouble getting it to play out since I'm new to coding.

Any advice appreciated! :)

[Freesteyelz]

Most lay the overall background in Admin CP --> Styles & Templates --> Style Manager --> Main CSS and in the first text-box area in "Body" add CSS attributes for "background":


#000000 url(path/to/background/image.gif/jpg) repeat-x top left



1) #000000 = overall background color (shown is black)
2) gif/jpg = whichever extension you're using
3) repeat-x = the image will repeat horizontally (repeat-y = vertical; repeat = both horizontal and vertical; no-repeat = image will be static)
4) top = image will start from the top of page (keep this at top)
5) left = image will start left of page (or right and center)

------------------------

To change the width of from a percentage to static go to Admin CP --> Styles & Templates --> Style Manager --> StyleVars and change the "Main Table Width (pixels or percentage)" to a different number.

Percentage = 100% (make sure to add the percentage after number)
Pixel (or fixed width) = just add the number but do not add the "px" after it)

-------------------------

For more information for vB template stuff go to vBulletin Manual (http://www.vbulletin.com/docs/html/) and in the left column search box type "Color Map Reference".

Hope this helps. :)

[rokked]

Very much. Thanks!