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)
-   -   Widget Width (https://vborg.vbsupport.ru/showthread.php?t=232776)

andreamarucci 01-11-2010 07:45 AM
Widget Width
 
Just a simple question on how to modify the widget width to make it wider. I would like to widen the left "Sections" widget and also the right one so that all the widget I put in will be wider.

Any suggestion on how to do that?

Thanks

--------------- Added [DATE]1263243576[/DATE] at [TIME]1263243576[/TIME] ---------------

Oh men it's possible that noone has had the same problem or am I so dull not to be able to find it?

Spiritvn 01-12-2010 12:21 AM
Hi,

You can modify its width by CSS, edit your templates -> vbcms.css

find .block

then add width: ...px;

But it's just the widget width, not the column width, i'm also finding how to edit the column width :(

andreamarucci 01-12-2010 06:04 AM
Thanks. I'll wait for your find. It seems ridicolous to me that such an important thing is absolutely undocumented...

Lynne 01-12-2010 02:39 PM
I think the widths are hardcoded (use firebug to find the class and then do a Search in Tempates for them and you'll see the 170px is hardcoded).

andreamarucci 01-12-2010 08:49 PM
Ok, maybe I'm completely unable to understand the logic behind this css but, please, can someone tell me where to modify the values to widen the left and right column? I've tried to change some values obtaining just a mess but I'm not proficient in css so maybe I'm looking in the wrong direction...

The template is vbcms_grid_1

Code:
<style type="text/css">
#gridl3_container {
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        overflow: hidden;
}

#gridl3_midshift {
        float: left;
        width: 200%;
        position: relative;
        left: 170px;
}

#gridl3_rightshift {
        float: left;
        width: 100%;
        position: relative;
        left: 50%;
        margin-left: -340px;
}

#gridl3_midmask {
        float: right;
        width: 50%;
        position: relative;
        right: 100%;
}

#gridl3_midcol {
        margin-left: 340px;
        width: 100%;
        overflow: hidden;
}

#gridl3_leftcol {
        float: left;
        width: 170px;
        position: relative;
        margin-left: -50%;
        left: 170px;
        overflow: hidden;
}

#gridl3_rightcol {
        float: left;
        width: 170px;
        position: relative;
        left: 0px;
        overflow: hidden;
}

#gridl3_content {
        margin-right: 340px;
}
</style>

<div id="gridl3_container">
        <div id="gridl3_midshift">
                <div id="gridl3_rightshift">
                        <div id="gridl3_midmask">
                                <div id="gridl3_midcol">
                                        <div id="gridl3_content">
                                                <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
                                        </div>
                                </div>
                        </div>
                        <div id="gridl3_leftcol">
                                <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
                        </div>
                        <div id="gridl3_rightcol">
                                <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
                        </div>
                </div>
        </div>
</div>

andreamarucci 01-14-2010 08:36 PM
Found a solution. Here's the code...

grid manager -> Default Template HTML

Code:
<style type="text/css">
#gridl3_container {
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        overflow: hidden;
}

#gridl3_midshift {
        float: left;
        width: 200%;
        position: relative;
        left: 170px;
}

#gridl3_rightshift {
        float: left;
        width: 100%;
        position: relative;
        left: 50%;
        margin-left: -340px;
}

#gridl3_midmask {
        float: right;
        width: 50%;
        position: relative;
        right: 100%;
}

#gridl3_midcol {
        margin-left: 370px;
        width: 100%;
        overflow: hidden;
}

#gridl3_leftcol {
        float: left;
        width: 200px;
        position: relative;
        margin-left: -50%;
        left: 170px;
        overflow: hidden;
}

#gridl3_rightcol {
        float: left;
        width: 250px;
        position: relative;
        left: -70px;
        overflow: hidden;
}

#gridl3_content {
        margin-right: 440px;
}
</style>

<div id="gridl3_container">
        <div id="gridl3_midshift">
                <div id="gridl3_rightshift">
                        <div id="gridl3_midmask">
                                <div id="gridl3_midcol">
                                        <div id="gridl3_content">
                                                <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
                                        </div>
                                </div>
                        </div>
                        <div id="gridl3_leftcol">
                                <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
                        </div>
                        <div id="gridl3_rightcol">
                                <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
                        </div>
                </div>
        </div>
</div>


All times are GMT. The time now is 06:39 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.01201 seconds
  • Memory Usage 1,737KB
  • 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
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (6)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