vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   Miscellaneous Hacks - Design Tool: Show what Stylevars are used on a Page (https://vborg.vbsupport.ru/showthread.php?t=246232)

calorie 07-08-2010 10:00 PM

Design Tool: Show what Stylevars are used on a Page
 
1 Attachment(s)
This add-on allows you to see what stylevars are used on a particular webpage.

For example, you see this in the HTML source:
Code:

<link rel="stylesheet" type="text/css" href="css.php?styleid=1&amp;langid=1&amp;d=1278694674&amp;td=ltr&amp;sheet=bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css" />
You would then go to this link to see the CSS information:
Code:

http://www.domain.com/forum/css.php?styleid=1&langid=1&d=1278694674&td=ltr&sheet=bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css

You also see this in the HTML source:
Code:

<link rel="stylesheet" type="text/css" href="css.php?styleid=1&amp;langid=1&amp;d=1278694120&amp;td=ltr&amp;sheet=additional.css" />
You would then go to this link to see the CSS information:
Code:

http://www.domain.com/forum/css.php?styleid=1&langid=1&d=1278694120&td=ltr&sheet=additional.css

The information you see depends on what link in the HTML source you visit:
Code:

http://www.domain.com/forum/css.php?sheet=foobar.css,etc.css
This add-on adds information to the CSS so you can see what stylevars are used.


The additional information you can see with this add-on is as follows...
  • The CSS templates and stylevars in use from the link in the HTML source:
    Code:

    /****************************************************************************************************
     Usage count of Stylevars from each CSS template
    ****************************************************************************************************

     Template :: additional.css
            Stylevar :: bbcode_quote_padding (used 1 time)
            Stylevar :: border_radius (used 1 time)
            Stylevar :: postbit_boxed_background (used 1 time)
            Stylevar :: postbit_boxed_border (used 1 time)
            Stylevar :: postbit_boxed_fontSize (used 1 time)
            Stylevar :: postbit_boxed_padding (used 1 time)

    ****************************************************************************************************/

  • The raw CSS templates where the above stylevars are used:
    Code:

    /****************************************************************************************************
     Begin Raw Template :: additional.css
    ****************************************************************************************************
    .attachments example {
            border: {vb:stylevar postbit_boxed_border};
            background: {vb:stylevar postbit_boxed_background};
            margin: 20px {vb:math {vb:stylevar bbcode_quote_padding.paddingLeft}+20px};
            -moz-border-radius: {vb:stylevar border_radius};
            padding: {vb:stylevar postbit_boxed_padding};
            font-size: {vb:stylevar postbit_boxed_fontSize};
    }
    ****************************************************************************************************
     End Raw Template :: additional.css
    ****************************************************************************************************/

  • The parsed CSS templates with the stylevars replaced with values:
    Code:

    /****************************************************************************************************
     Begin Parsed Template :: additional.css
    ****************************************************************************************************/
    .attachments example {
            border: 1px solid #cdcece;
            background: #ececec none;
            margin: 20px 30px;
            -moz-border-radius: 5px;
            padding: 5px 10px 5px 10px;
            font-size: 12px;
    }
    /****************************************************************************************************
     End Parsed Template :: additional.css
    ****************************************************************************************************/



The point of this add-on is to try and display stylevars in a more informative way, so you have a better method of finding what stylevars to edit when making your style customizations. This add-on adds extra information to the CSS as comments, and so it over doubles the size of the CSS, but you only want to use this add-on when you are designing so you can more easily find the stylevars or CSS templates to edit.


Versions:
  • This add-on should work with vB 4.0.2, vB 4.0.3, and vB 4.0.4
  • This add-on was only tested on vB 4.0.3 with FF 3.5 and IE 8

Installation:
  1. Import the attached file as a product via the ACP
  2. Hard refresh your front-end page to be rid of cache
  3. View the HTML source and go to a css.php page

Un-installation:
  1. Uninstall the add-on using the menu via the ACP
  2. Hard refresh your front-end page to be rid of cache


This add-on only changes the CSS on the fly. It does nothing to the databased CSS so if you see something, or not see something, the "trick" is to hard refresh (e.g., Crtl-F5) the front-end page to be rid of any cached CSS held by your browser.

sulasno 07-09-2010 11:38 PM

tagged and thanks

waiting for 4.0.5 to be released and will install Mod to it

fxwoody 07-10-2010 07:29 AM

That's an interesting Mod Calorie :) It should be added in Firebug ;)
Tks and tagged

Rebecca217 07-10-2010 10:14 AM

Looks very useful! Thanks for this! Tagged. :)

Da-Vinci 07-11-2010 03:08 PM

What a great tool, well done installed and rated 5.

mohammad6006 12-14-2010 11:01 AM

this show cods for administrators or everybody?

skol 12-14-2010 09:34 PM

Everybody,just like Firebug in Firefox..But this is really useful thanks.

ProFifaLeagues 12-14-2010 09:57 PM

Nice mod and very useful for us guys thanks!

masonox 01-04-2011 01:14 PM

Great mod, has helped out a lot finding the small pesky stuff that eluded me.

Brandon Sheley 01-04-2011 01:32 PM

nice and useful
tagging this for future reference :)


All times are GMT. The time now is 01:29 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.01230 seconds
  • Memory Usage 1,740KB
  • 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
  • (8)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete