PDA

View Full Version : The Ultimate Guide To Style Vars (In Progress)


daveaite
18 Nov 2009, 08:38
I will be building this as I work on designing my own site. This will try to incorporate every definition in stylevars to make your life easy as I had to trial and test to see what effects it had on my forum.

The red is the affected area in the pictures linked.

Blocks
block_background: Changes background color of blogs. Pic (http://i50.tinypic.com/s3dgmu.png)
block_border: Did not see changes.
block_color: Changed the font color in "Whats New?" Pic (http://i45.tinypic.com/35ja5qd.png)
block_font: Left blank for default. Changes font type of block (Arial, Times..etc)
block_link_color:
block_linkhover_color
block_padding
blockbody_background: Changed the bottom part in "What's New" Pic (http://i46.tinypic.com/2rr2gjl.png)
blockfoot_background: Pic (http://buypoe.com/sv/blockfoot_background.png)
blockhead_border
blockhead_color
blockhead_font
blockhead_link_color
blockhead_Linkhover_color
blockhead_padding
blockrow_padding
blockrow_background: Friends list in profile background Pic (http://buypoe.com/sv/blockrow_background.png)
blockrow_border
blockrow_color
blockrow_font
blockrow_link_color
blockrow_linkhover_color
blockrow_padding
blocksubhead_background: Profile Tabs color change Pic (http://buypoe.com/sv/blocksubhead_background)
blocksubhead_border
blocksubhead_color
blocksubhead_font
blocksubhead_link_color
blocksubhead_linkhover_color
blocksubhead_outline
blocksubhead_padding

Blog
vbblog_pagetitle_border
vbblog_pagettile_color
vbblog_pagetitle_font
vbblog_sidebar_padding
vbblog_sidebar_width

Common
a_extlink
avatar_height
bbcode_quote_background
bbcode_quote_border
bbcode_quote_font
bbcode_quote_padding
bbode_quote_postedby_for_font
bodybackground_
body_color
border_radius
content1_background
content2_background
content3_background
content_font

mcyates
18 Nov 2009, 11:11
Thank you very much, this will help so many people.

daveaite
18 Nov 2009, 19:14
It will take a while, if you have any that I haven't found, please submit a link to the image and the area it affects in red.


May discontinue this work. Please see the efforts of of the vb4 SyleVars Dictionary: http://www.vbulletin.com/forum/attac...4&d=1258236280

DeanLag
18 Nov 2009, 20:26
Link you posted cannot be found, daveaite. [404]

daveaite
19 Nov 2009, 00:52
See this thread for downloading. http://www.vbulletin.org/forum/showthread.php?t=228133

fta2k
19 Nov 2009, 01:07
navlinks_background (The little bar above What's Going On?)

Pic:

http://i.fhqhosting.com/152.PNG

Setting section:

http://i.fhqhosting.com/161.PNG



navlinks_border_top (The little 1px line above navlinks_background)

Edited to suite my preference:

http://i.fhqhosting.com/113.PNG



Credit for finding goes to Jupp from .com

daveaite
20 Nov 2009, 06:57
Thanks.

fta2k
20 Nov 2009, 07:43
These are represented by the colours in the pic showing location:

footer_background (Yellow)
footer_border (Red)
footer_copyright_color (Purple - VB information text colour at bottom of forum)
footer_font (Brown)
footer_link_color (Brown)
footer_linkhover_color (Brown/Hovered)
footer_mos_shadow_color (Blue)
footer_padding (Green)

Before pic with colours:
http://i.fhqhosting.com/171.PNG

After Edits:
https://www.vbulletin.org/forum/


Still trying to figure a lot more out

Charlie98902
21 Nov 2009, 22:38
After Edits:
http://i.fhqhosting.com/162.PNG




How about what to edit to get the around text in footer color? Yours is black by default it is light gray? Around the purple color not in it.

fta2k
21 Nov 2009, 22:59
How about what to edit to get the around text in footer color? Yours is black by default it is light gray? Around the purple color not in it.

I've forgotten, gimme a little bit to find it again and I'll list it too.

Edit,

doc_backgroundcolor (blue) is the area around the main forum to enclude the background behind the banner
body_background (red) is the inner area that is around your categories from the navbar down to right above the copyright text

Examples

http://i.fhqhosting.com/172.PNG
http://i.fhqhosting.com/181.PNG


I changed the doc_backgroundcolor so you'd get an idea of what the body_background is.

Charlie98902
21 Nov 2009, 23:22
LOL now I feel stupid should of saw that one. Thanks, I have a lot more to do as well can't seem to figure out how to remove the little 1px light blue border around the thread header when you click on it to see the threads. Plus the replies body color and the last posted by body color. Those are light blue by default as well.

fta2k
22 Nov 2009, 01:06
LOL now I feel stupid should of saw that one. Thanks, I have a lot more to do as well can't seem to figure out how to remove the little 1px light blue border around the thread header when you click on it to see the threads. Plus the replies body color and the last posted by body color. Those are light blue by default as well.

I'd love to see what ya find out as ya find it.

Charlie98902
22 Nov 2009, 01:10
That is hard coded I was told by another member and been a bug report on that. I found a few more using this as a helping guide too.

http://www.vbulletin.org/forum/showpost.php?p=1916521&postcount=6

absy
24 Nov 2009, 19:29
when you findt the stylevar from the subforum background colours please post, it seems theere are always 2 colours on it,,,I somehow manged to change 3 cloumns black and 2 white:(

cabledr
25 Nov 2009, 16:02
to change that bit you have to :-

go to styles edit templates -> threadlist.css

In threadlist.css, you have these lines:


.threadbit .alt {
background: #f2f6f8 {vb:stylevar threadbit_background.backgroundImage} {vb:stylevar threadbit_background.backgroundRepeat} {vb:stylevar threadbit_background.backgroundPositionX}{vb:stylevar threadbit_background.backgroundPositionUnits} {vb:stylevar threadbit_background.backgroundPositionY}{vb:stylevar threadbit_background.backgroundPositionUnits};
}


Just change #f2f6f8 to what ever you want the colour to be :)

The Vegan Forum
30 Nov 2009, 00:48
Is this a global setting, or one that can be set individually for each Style?

Charlie98902
30 Nov 2009, 01:18
What are you referring to?

The Vegan Forum
30 Nov 2009, 07:27
Hi,
I was referring to the setting referred to in the previous post:

to change that bit you have to :-

go to styles edit templates -> threadlist.css

In threadlist.css, you have these lines:


.threadbit .alt {
background: #f2f6f8 {vb:stylevar threadbit_background.backgroundImage} {vb:stylevar threadbit_background.backgroundRepeat} {vb:stylevar threadbit_background.backgroundPositionX}{vb:stylevar threadbit_background.backgroundPositionUnits} {vb:stylevar threadbit_background.backgroundPositionY}{vb:stylevar threadbit_background.backgroundPositionUnits};
}


Just change #f2f6f8 to what ever you want the colour to be :)

In other words: if I choose a color setting in threadbit.css, will this setting affect all styles, or can an individual color on a per-style basis be defined using this solution (read: by editing the value in threadbit.css)?

hoof
30 Nov 2009, 11:45
It will only change the color for that template or style. You will have to do this for every threadbit.css for any other styles you create until it is fixed.

jimfries
24 Jan 2010, 22:35
/cry

I got so excited when I saw this post. Guess its going to the graveyard eh?

Daisyboo
17 Feb 2011, 16:37
/cry

I got so excited when I saw this post. Guess its going to the graveyard eh?


Me too :rolleyes::(

TheLastSuperman
17 Feb 2011, 22:40
Might help, give it a look ;).

http://www.vbulletin.org/forum/showthread.php?t=256370