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

ForumsMods · #2 02-09-2011, 09:44 PM

Great idea.
Installed and Nominated.

Can you make a diff file?

Lynne · #3 02-09-2011, 09:54 PM

Quote:

Originally Posted by ForumsMods

Can you make a diff file?

It's basically two quick edits to find/replace and then just add a bunch of stuff at the end. And, besides that, I don't have an application to make diff files.

ForumsMods · #4 02-09-2011, 10:25 PM

Quote:

Originally Posted by Lynne

It's basically two quick edits to find/replace and then just add a bunch of stuff at the end. And, besides that, I don't have an application to make diff files.

Yes, but is easier for me to apply using diff files.
Also for next vB releases.

I made a diff file for vBulletin 4.1.1 (40651).

Take a note that with default vB Style does not display correctly. Would be better to use style classes and change 'Phrase' to '$vbphrase['stylevar']'.

mfnforex · #5 02-09-2011, 10:30 PM

Thank you

Lynne · #6 02-09-2011, 10:58 PM

Quote:

Originally Posted by ForumsMods

Yes, but is easier for me to apply using diff files.
Also for next vB releases.

I made a diff file for vBulletin 4.1.1 (40651).

Take a note that with default vB Style does not display correctly. Would be better to use style classes and change 'Phrase' to '$vbphrase['stylevar']'.

thank you. I'll link to this in my first post.

I'm not sure what you mean about the default vB style not displaying correctly. It's showing just fine on my site.

I'm using the default admincp functions to build the page (print_table_start, print_table_header, etc) instead of redoing the whole thing. And yes, I should have used a phrase. I wrote this as a quick project for myself and then decided to share it and I thought I had cleaned it up, but I did forget to look at phrases. I'll catch that if I have another release.

ForumsMods · #7 02-09-2011, 11:28 PM

Quote:

Originally Posted by Lynne

thank you. I'll link to this in my first post.

I'm not sure what you mean about the default vB style not displaying correctly. It's showing just fine on my site.

I'm using the default admincp functions to build the page (print_table_start, print_table_header, etc) instead of redoing the whole thing. And yes, I should have used a phrase. I wrote this as a quick project for myself and then decided to share it and I thought I had cleaned it up, but I did forget to look at phrases. I'll catch that if I have another release.

See attachments.
You are using hard-coded background and color.

HTML Code:

<div class="alt2" style="border: 1px solid black; background-color: white; height: 350px; width: 99%; max-width: 800px; overflow: scroll">

I would change alt2 to bginput, delete border and background-color.

Also delete border and background for iframe and add bginput class to it.

TheLastSuperman · #8 02-10-2011, 03:53 AM

Quote:

Originally Posted by ForumsMods

Great idea.
Installed and Nominated.

AGREED!

benstillman · #9 02-10-2011, 05:47 PM

Why the hell wasn't this standard!? This is awesome!

jparks46 · #10 02-15-2011, 05:22 PM

This is an amazing idea. Thank you so much Lynne! Installed + nominated as soon as I get home!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05001 seconds Memory Usage 2,400KB Queries Executed 24 (?)
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 (1)bbcode_html (2)bbcode_php (5)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 (2)pagenav_pagelink (10)post_thanks_box (1)post_thanks_box_bit (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (10)post_thanks_postbit_info (9)postbit (7)postbit_attachment (10)postbit_onlinestatus (10)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!