vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   need help with a few style vars - screenshots included (https://vborg.vbsupport.ru/showthread.php?t=268120)

Bloodlust80 08-07-2011 01:32 PM

need help with a few style vars - screenshots included
 
1 Attachment(s)
Hey. I am close to finishing on creating a new skin for my Vbulletin website.

The problem is, I am a newbie to the whole stylevars system (I am getting used to it though). And I am looking for 10 stylevars that alter the following things as attached in

If you guys can help me find the stylevars that I need to edit or the css (preferabbly stylevars) then that would be really appreciated

I am sorry for essentially a screenshot dump.. But I figured that it might help you guys help me out.

EDIT: this is with Vbulletin 4.1.5

https://vborg.vbsupport.ru/external/2011/08/63.png

http://www.secretanonymous.com/blood...g calender.png

https://vborg.vbsupport.ru/external/2011/08/77.png

https://vborg.vbsupport.ru/external/2011/08/78.png

https://vborg.vbsupport.ru/external/2011/08/79.png

https://vborg.vbsupport.ru/external/2011/08/64.png

https://vborg.vbsupport.ru/external/2011/08/80.png

https://vborg.vbsupport.ru/external/2011/08/81.png

https://vborg.vbsupport.ru/external/2011/08/82.png

https://vborg.vbsupport.ru/external/2011/08/83.png

https://vborg.vbsupport.ru/external/2011/08/84.png

https://vborg.vbsupport.ru/external/2011/08/85.png

https://vborg.vbsupport.ru/external/2011/08/86.png

mmfgamer5 08-07-2011 05:11 PM

First screenshot
Links on the "view entire blog article" page: blockrow_link_color (and blockrow_linkhover_color for the hover colour)
More link problems: control_content_color (and control_content_hover_color for the hover colour)
Standard blog text colour: body_color (will change the other default black text; would be better to change the background colour of the blog).
Links on the blog page: link_color (and linkhover_color for the hover colour)

Second screenshot
Todays date in the calendar on blogs: Styles & Templates > Search in Templates > Search for Text: background:rgb(255,255,200) > blog.css > Click "Find" and change the "background:" variable to the colour you want it, then save.

Third screenshot
Selected calendar tab: tabslight_selected_background

Forth screenshot
That font colour: shade_color

Fifth screenshot
Border colour change: popupmenu_background and popupmenu_border

Sixth screenshot
Background change of dropdown link colours: imodhilite_backgroundColor
Text colour change of dropdown link: body_color

Seventh screenshot
Style var for this link colour within the sidebar: link_color

Eighth screenshot
Member blog background: Styles & Templates > Search in Templates > Search for Text: .blogcatbit .td > blog.css > Click "Find" > Replace:
PHP Code:

.blogcatbit .tdtr.blogcatbit td padding:{vb:stylevar padding}; } 

with
PHP Code:

.blogcatbit .tdtr.blogcatbit td padding:{vb:stylevar padding}; background:#000000; } 

replacing #000000 with your desired colour, then save.

Ninth screenshot
Hover over text on the nav menu at the top of the forums but not in the main nav bar: Styles & Templates > Search in Templates > Search for Text: .breadcrumb .navbit a:hover > vbulletin-chrome.css > Click "Find" > Replace:
PHP Code:

.breadcrumb .navbit a:hover {
    
border-color:{vb:stylevar lightweightbox_border.borderColor};
    
background-color:{vb:stylevar lightweightbox_background.backgroundColor};


with
PHP Code:

.breadcrumb .navbit a:hover {
    
border-color:{vb:stylevar lightweightbox_border.borderColor};
    
background-color:{vb:stylevar lightweightbox_background.backgroundColor};
    
color:#000000;


replacing #000000 with your desired colour, then save.

Tenth screenshot
Yuck.. defo need to change that colour: body_color

Eleventh screenshot
Vbblog comment header: Styles & Templates > Search in Templates > Search for Text: .postbit-lite .postbithead { > blog.css > Click "Find" > Replace:
PHP Code:

.postbit-lite .postbithead {
    
float: {vb:stylevar left};
    
width100%;
    
padding5px 0;
    
margin-{vb:stylevar left}: 0;


with
PHP Code:

.postbit-lite .postbithead {
    
float: {vb:stylevar left};
    
width100%;
    
padding5px 0;
    
margin-{vb:stylevar left}: 0;
    
background:#000000;


replacing #000000 with your desired colour, then save.

Vbblog comment text colour: body_color

Vbblog background colour: Styles & Templates > Search in Templates > Search for Text: .postbit-lite .posttext { > blog.css > Click "Find" > Replace:
PHP Code:

.postbit-lite .posttext {
    
clearboth/* VBIV-10312 */


with
PHP Code:

.postbit-lite .posttext {
    
clearboth/* VBIV-10312 */;
    
background:#000000;


replacing #000000 with your desired colour, then save.

Twelfth screenshot
Vbcms comment header: postbitlite_header_background
and comment body: Styles & Templates > Search in Templates > Search for Text: .postbit-lite .posttext { > postbit-lite.css > Click "Find" > Replace:
PHP Code:

.postbit-lite .posttext {
    
padding:{vb:stylevar padding};
    
/* padding-bottom:0; */
    
font:{vb:stylevar content_msg_font};
    
margin-{vb:stylevar left}:{vb:math {vb:stylevar avatar_height} + {vb:stylevar padding} * 2};


with
PHP Code:

.postbit-lite .posttext {
    
padding:{vb:stylevar padding};
    
/* padding-bottom:0; */
    
font:{vb:stylevar content_msg_font};
    
margin-{vb:stylevar left}:{vb:math {vb:stylevar avatar_height} + {vb:stylevar padding} * 2};
    
background:#000000;


replacing #000000 with your desired colour, then save.

Thirteenth screenshot
Visitor message header: headers_background_color


Let me know if you get stuck with anything - I'll be happy to help.

Bloodlust80 08-07-2011 06:31 PM

Most of these fixes worked :). Thanks for that.

However, some of the problems still persisit. For instance

https://vborg.vbsupport.ru/external/2011/08/63.png

Quote:

First screenshot
Links on the "view entire blog article" page: blockrow_link_color (and blockrow_linkhover_color for the hover colour)
More link problems: control_content_color (and control_content_hover_color for the hover colour)
Standard blog text colour: body_color (will change the other default black text; would be better to change the background colour of the blog).
Links on the blog page: link_color (and linkhover_color for the hover colour)
changing blockrow_link_color, control_content_color, body_color and link_color does not effect the blog page the body color is actually rgb(204, 255, 255) which is consistant throughout my board except for the blog and comments for some reason

https://vborg.vbsupport.ru/external/2011/08/64.png

changes did not alter the navbar either.

now these two problems have popped up. First of all in my CMS commenting system

https://vborg.vbsupport.ru/external/2011/08/65.png

and the blog

https://vborg.vbsupport.ru/external/2011/08/66.png

thank you again for your help by the way.

If you would like to see the website in question. I am working on this website under this style linked in this URL http://secretanonymous.com/content.php?&styleid=16

--------------- Added [DATE]1312798961[/DATE] at [TIME]1312798961[/TIME] ---------------

okey so that's weird. I went to post a new blog post and the comments etc all come out as the right color (i.e the body color)

I will look into the other problems now

--------------- Added [DATE]1312800110[/DATE] at [TIME]1312800110[/TIME] ---------------

Update. This seems to be the only thing I cannot fix with my skin now

https://vborg.vbsupport.ru/external/2011/08/65.png

If anyone can tell me the fix for it, then a gold star to them :)

tercede 08-24-2011 01:08 AM

In regards to that white gap, check out postbit-lite.css

I have the following:

.postbit-lite {
clear:both;
position:relative;
padding-bottom:{vb:stylevar padding};
background: #242424;
}

Change background color to your needs.


All times are GMT. The time now is 09:13 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01329 seconds
  • Memory Usage 1,774KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (10)bbcode_php_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (4)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete