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)
-   -   Some help with skinning. (https://vborg.vbsupport.ru/showthread.php?t=312708)

Sinistra 07-05-2014 06:02 PM

Some help with skinning.
 
First question. I am workiong on my new vBulletin site and I am having some issue. To tell you the truth this is my first time skinning a vBulletin 4.2 it was quite easy back in the 3.8 days. but there is my issue. I have set the

.doc_margin to 0 but I want to put the white block with all the content centered in the theme but have padding on the left and right. I can't find out where to find this

Also how do you add custom CSS.

Anime Shards

Dave 07-05-2014 06:10 PM

To center your skin you have to go to the variable editor and do the following:
doc_margin: top 0, right auto, bottom 0, left auto.
doc_maxwidth: set the width of your skin here.

Custom CSS can be added to the additional.css template.

Sinistra 07-05-2014 06:27 PM

Maybe this will help What I am trying to do is make the header (with the navigation and all that) Fluid but keep the content fixed.

Dave 07-05-2014 06:36 PM

In that case, I'm pretty sure you must define a width.

Something you can do:
.doc_header and .navbar:
width: 1300px;
margin: 0px auto;

Alternatively, you can give .above_body the above properties.

Sinistra 07-05-2014 06:39 PM

Um the second part of the OP. where would I put Custom CSS

Dave 07-05-2014 06:41 PM

You can do this is the additional.css CSS template.

josh_krz 07-07-2014 03:02 PM

1 Attachment(s)
Quote:

Originally Posted by Lord Katsuhito (Post 2505376)
Um the second part of the OP. where would I put Custom CSS

I was confused with this also when I started skinning vB4.

The CSS you change is in the templates list under CCS Templates. The additional.css is here too, make sure you change it here and not manually because you will lose your changes after updates and such.

https://vborg.vbsupport.ru/attachmen...9&d=1404748920

I find the easiest way to skin is to use your browser's Developer Panel (usually F12 or right click) copy the class or html you want to change and search it within the templates.

ozzy47 07-07-2014 03:15 PM

See this article, https://vborg.vbsupport.ru/showthread.php?t=256370

Sinistra 07-08-2014 02:16 PM

How come you can't search for CSS by class or id. Lets take for example. body_wrapper or globalsearch via the search stiylevars

Zachery 07-08-2014 02:20 PM

You can search for it, in the templates, and then find out what stylevar is being used.


All times are GMT. The time now is 03:57 PM.

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.00996 seconds
  • Memory Usage 1,726KB
  • 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
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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