The Arcive of Official vBulletin Modifications Site.

Edit StyleVars page · **Version:** 4.1.11

This is just a new page for showing the .css template and having all the stylevars clickable and then editable in the bottom screen. This uses iframes, so if you browser doesn't support that, then it won't work and I cannot help you with this.

You will need to open up and edit the admincp/template.php file.

**edited for 4.1.11 below** Basically just add the code in red to the existing code.

Find (under $_REQUEST['do'] = 'add'):

Code:

    print_textarea_row($vbphrase['template'] . '
            <br /><br />
            <span class="smallfont">' .
            iif($vbulletin->GPC['title'], construct_link_code($vbphrase['show_default'], "template.php?" . $vbulletin->session->vars['sessionurl'] . "do=view&amp;title=" . $vbulletin->GPC['title'], 1) . '<br /><br />', '') .
            '<!--' . $vbphrase['wrap_text'] . '<input type="checkbox" unselectable="on" onclick="set_wordwrap(\'ta_template\', this.checked);" accesskey="w" checked="checked" />-->
            </span>',
        'template', $templateinfo['template_un'], 22, '5000" style="width:99%', true, true, 'ltr', 'code');

Change to:

Code:

    $isscss = strpos($vbulletin->GPC['title'],'.css');    
    print_textarea_row($vbphrase['template'] . '
            <br /><br />
            <span class="smallfont">' .
            iif($vbulletin->GPC['title'], construct_link_code($vbphrase['show_default'], "template.php?" . $vbulletin->session->vars['sessionurl'] . "do=view&amp;title=" . $vbulletin->GPC['title'], 1) . '<br /><br />', '') . 
iif($isscss === false AND $vbulletin->GPC['dostyleid'] != -1, '', construct_link_code('Edit StyleVars', "template.php?" . $vbulletin->session->vars['sessionurl'] . "do=editcss&amp;dostyleid=" .
                $vbulletin->GPC['dostyleid'] . "&amp;title=". $vbulletin->GPC['title']."&amp;templateid=" .
                $vbulletin->GPC['templateid'], 1) . '<br /><br />') .
            '<!--' . $vbphrase['wrap_text'] . '<input type="checkbox" unselectable="on" onclick="set_wordwrap(\'ta_template\', this.checked);" accesskey="w" checked="checked" />-->
            </span>',
        'template', $templateinfo['template_un'], 22, '5000" style="width:99%', true, true, 'ltr', 'code');

Then find (under $_REQUEST['do'] = 'edit'):

Code:

    print_textarea_row($vbphrase['template'] . '
            <br /><br />
            <span class="smallfont">' .
            iif($template['styleid'] != -1, construct_link_code($vbphrase['show_default'], "template.php?" . $vbulletin->session->vars['sessionurl'] . "do=view&amp;title=$template[title]", 1) . '<br /><br />', '') .
            '<!--' . $vbphrase['wrap_text'] . '<input type="checkbox" unselectable="on" onclick="set_wordwrap(\'ta_template\', this.checked);" accesskey="w" checked="checked" />-->
            </span>',
        'template', $text, 22, '5000" style="width:99%', true, true, 'ltr', 'code');

Change to:

Code:

    $isscss = strpos($template[title],'.css');    
    print_textarea_row($vbphrase['template'] . '
            <br /><br />
            <span class="smallfont">' .
            iif($template['styleid'] != -1, construct_link_code($vbphrase['show_default'], "template.php?" . $vbulletin->session->vars['sessionurl'] . "do=view&amp;title=$template[title]", 1) . '<br /><br />', '') . 
iif($isscss === false AND $template['styleid'] != -1, '', construct_link_code('Edit StyleVars', "template.php?" . $vbulletin->session->vars['sessionurl'] . "do=editcss&amp;dostyleid=" .
                $template['styleid'] . "&amp;templateid=$template[templateid]", 1) . '<br /><br />') .
            '<!--' . $vbphrase['wrap_text'] . '<input type="checkbox" unselectable="on" onclick="set_wordwrap(\'ta_template\', this.checked);" accesskey="w" checked="checked" />-->
            </span>',
        'template', $text, 22, '5000" style="width:99%', true, true, 'ltr', 'code');

Then find (at the bottom of the page):

PHP Code:


			
print_cp_footer();

Add above:

PHP Code:


			
// #############################################################################

// add a new page to edit stylevars

if ($_REQUEST['do'] == 'editcss')

{

require_once(DIR . '/includes/adminfunctions_stylevar.php');



    $vbulletin->input->clean_array_gpc('r', array(

        'title'        => TYPE_STR,

        'group'        => TYPE_STR,

        'searchstring' => TYPE_STR,

        'expandset'    => TYPE_STR,

    ));



if ($vbulletin->GPC['dostyleid'] == -1)

    {

        $style['title'] = $vbphrase['global_templates'];

    }

    else

    {

        $style = $db->query_first("SELECT title FROM " . TABLE_PREFIX . "style WHERE styleid = " . $vbulletin->GPC['dostyleid']);

    }



    if ($vbulletin->GPC['title'])

    {

        $templateinfo = $db->query_first("

            SELECT * FROM " . TABLE_PREFIX . "template

            WHERE styleid IN (-1,0) AND title = '" . $db->escape_string($vbulletin->GPC['title']) . "'

        ");

    }

    else if ($vbulletin->GPC['templateid'])

    {

        $templateinfo = $db->query_first("SELECT * FROM " . TABLE_PREFIX . "template WHERE templateid = " . $vbulletin->GPC['templateid']);

        $vbulletin->GPC['title'] = $templateinfo['title'];

    } 

        



$prepend = '<style type="text/css">

.edit_scroller {

    width:100%;

    min-height:300px;

    max-height: 350px;

    max-width: 800px;

    overflow: auto;

    border: 1px solid black;

}

</style>';

    

    echo $prepend;



    print_table_start();

    print_table_header('Edit StyleVars');



    construct_hidden_code('group', $vbulletin->GPC['group']);



    $products = fetch_product_list();



    if ($vbulletin->GPC['title'])

    {

        construct_hidden_code('product', $templateinfo['product']);

        print_label_row($vbphrase['product'], $products["$templateinfo[product]"]);

    }

    else if ($vbulletin->debug)

    {

        print_select_row($vbphrase['product'], 'product', $products, $templateinfo['product']);

    }

    else

    { // use the default as we dictate in inserttemplate, if they dont have debug mode on they can't add templates to -1 anyway

        construct_hidden_code('product', 'vbulletin');

    }



    construct_hidden_code('templateid', $templateinfo['templateid']);

    construct_hidden_code('expandset', $vbulletin->GPC['expandset']);

    construct_hidden_code('searchset', $vbulletin->GPC['expandset']);

    construct_hidden_code('searchstring', $vbulletin->GPC['searchstring']);

    print_style_chooser_row('dostyleid', $vbulletin->GPC['dostyleid'], $vbphrase['master_style'], $vbphrase['style'], iif($vbulletin->debug == 1, 1, 0));

    

    $stylevars = fetch_stylevars_array();



    $templateinfo['template_new'] = $templateinfo['template_un'];

    

    $groups = array_keys($stylevars);

    foreach($groups AS $group)

    {

        $stylevarids = array_keys($stylevars[$group]);

        foreach ($stylevarids AS $stylevarid)

        {

            if ($stylevarid)

            {

                $find = array('/\{vb:stylevar '.$stylevarid.'\}/','/\{vb:stylevar '.$stylevarid.'(\\.([^}]*))\}/');

                $replace = "<a href=\"stylevar.php?" . $vbulletin->session->vars['sessionurl'] . "do=fetchstylevareditor&amp;stylevarid[]=" . $stylevarid . "&amp;dostyleid=" . $vbulletin->GPC['dostyleid'] . "\" target=\"see_stylevar\">{vb:stylevar ".$stylevarid."$1}</a>";

        

                $templateinfo['template_new'] = preg_replace($find, $replace, $templateinfo['template_new']);

            }    

        }

    }

    

    print_input_row(

        $vbphrase['title'],

        'title',

        $vbulletin->GPC['title']);

    print_label_row($vbphrase['template'],

        '<div class="alt1 edit_scroller"><pre>' . $templateinfo['template_new'] . '</pre></div>');

        

    print_label_row($vbphrase['stylevar'], '<iframe name="see_stylevar" id="edit_scroller" class="alt2 edit_scroller"></iframe>');



    print_table_footer();



}

Now when you go to Style Manager > find Style > Edit Templates and click on a .css template to edit (it will ONLY work in .css templates!), you will have the new option on the left to "Edit StyleVars".

If you click that, you get a new tab with the .css template in the top box (not editable on this page) and it has all the *editable* stylevars clickable (for example, in userprofile.css, they use variables, not stylevars, so you won't have clickable stylevars there). If you click on a stylevar, it will open in the bottom of the window and you may edit.

Tested in Firefox, Safari, Chrome, and Opera on my Mac.

And thank you to ForumsMods for sharing a diff file - patch.zip (for version 1.1, which works, but doesn't have css changes)

1.2 - 2011-02-11 - changed some CSS for the divs and fixed a phrase.
1.3 - 2012-03-10 - added a file with the changes needed for 4.1.11

Rafa-el · #12 03-04-2011, 11:09 AM

Very good idea!

BlackThorn · #13 03-04-2011, 06:32 PM

Thanks Lynne, that's awesome...

ifitsmedia · #14 03-04-2011, 11:33 PM

Thanks for this! Also don't understand why this isn't included as a standard feature.

CRDeveloper · #15 03-06-2011, 06:13 AM

Make this an Add-on pleeeeease!!!

Boofo · #16 03-06-2011, 06:42 AM

Quote:

Originally Posted by CRDeveloper

Make this an Add-on pleeeeease!!!

As you have to manually do file edits, it can NOT be done any other way.

fxwoody · #17 04-27-2011, 11:34 AM

That's the best one i seen so far for the new version....at least for some of us who like to play in the styles and codes!

Great share Lynne and friends

Maybe it should be added as a designer series???? I also added the [vb4] Adding a stylevar from carnage and it as all the potential to write anything you want now!

Cheers

FReeSTER · #18 09-17-2011, 06:20 PM

let me be stupit for so many times already. lol How do you load the diff file?

I want to try that as I get a blue box but nothing else on the stylevar box below without any options. All I did was edit the template.php file

thanks this is great and much easier then hardcoding

Lynne · #19 09-17-2011, 08:52 PM

If you don't know what a diff file is for, then you should just do the edits in the first post.

Make sure you put the last bit of code *before* the line I tell you to look for, not after or you will just get a blank page.

FReeSTER · #20 09-17-2011, 11:48 PM

Yes that was how I did it by your directions

I use DreamWeaver to edit my files since it have the option to look and replace. lol

and for the last code i added the code all the way in the bottom above these lines

Quote:

print_cp_footer();

/*================================================= =====================*\
|| ################################################## ##################
|| # Downloaded: 21:15, Fri Jun 3rd 2011
|| # CVS: $RCSfile$ - $Revision: 40651 $
|| ################################################## ##################
\*================================================ ======================*/

Lynne · #21 09-18-2011, 03:58 AM

I just went and followed the instructions to add this to my default 4.1.6 site and this works just fine on there. I would suggest double-checking what you did by starting over if it is not working correctly.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.07770 seconds Memory Usage 2,401KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (4)bbcode_code (2)bbcode_php (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (2)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (2)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (4)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
Hippy

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!