The Ultimate Guide To Style Vars (In Progress)

[daveaite]

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]

Thank you very much, this will help so many people.

[daveaite]

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]

Link you posted cannot be found, daveaite. [404]

[daveaite]

See this thread for downloading. https://vborg.vbsupport.ru/showthread.php?t=228133

[fta2k]

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]

Thanks.

[fta2k]

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://vborg.vbsupport.ru/


Still trying to figure a lot more out

[Charlie98902]

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]

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]

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]

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]

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.

https://vborg.vbsupport.ru/showpost.php?p=1916521&postcount=6

[absy]

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]

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:style var threadbit_background.backgroundPositionUnits} {vb:stylevar threadbit_background.backgroundPositionY}{vb:style var threadbit_background.backgroundPositionUnits};
}


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

[The Vegan Forum]

Is this a global setting, or one that can be set individually for each Style?

[Charlie98902]

What are you referring to?

[The Vegan Forum]

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:style var threadbit_background.backgroundPositionUnits} {vb:stylevar threadbit_background.backgroundPositionY}{vb:style var 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]

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]

/cry

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

[Daisyboo]

/cry

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


Me too :rolleyes::(

[TheLastSuperman]

Might help, give it a look ;).

https://vborg.vbsupport.ru/showthread.php?t=256370