vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   "Correct" Way to Add Custom CSS? (https://vborg.vbsupport.ru/showthread.php?t=301233)

Amaury 08-15-2013 07:41 PM

"Correct" Way to Add Custom CSS?
 
Not so much "correct," which is why it's in quotation marks, but what the majority of people do.

For example, the Folder Picker text on the private.php page isn't controlled by blockhead_color by default; it's controlled by something else that I don't remember now.

To make it be controlled by blockhead_color, I would do this:
Code:

.popupgroup .popupmenu a.popupctrl {
    color: {vb:stylevar blockhead_color};
}

However, I've seen some people that do things like this:

Code:

.popupgroup .popupmenu a.popupctrl { color: {vb:stylevar blockhead_color}; }
Code:

.popupgroup .popupmenu a.popupctrl {
color: {vb:stylevar blockhead_color};
}

I always do it the first way I listed here.

tbworld 08-15-2013 08:26 PM

What your talking about is "conventions" in CSS coding. Syntactically they are all correct to the parser. When starting off with CSS use your first method, the method you are using. After writing allot of CSS you find reasons to use the "long" method (method2) in some applications. It all depends on readability.

Seems like your on the right track :)

On a large project, good CSS planning is an art.

John Lester 08-16-2013 05:29 PM

I find the "short" way (first example) much easier to read and follow when looking at hundreds of lines of CSS. Of course the only difference is readability and page size.


All times are GMT. The time now is 03:59 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.00950 seconds
  • Memory Usage 1,710KB
  • 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
  • (3)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (3)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