Forum Home Enhancements - How to change the (What's Going On?) box to100% in forumhome

ferst Sorry for my bad english

Description

This means change the (What's Going On?) box to100% of page in forumhome after you installed the sidebar

it is working with VB v 4.0.3 too

see attachment pic for explain and anderstand

in template forumhome find :

PHP Code:

    <vb:if condition="$show['sidebar']">
        </div>
    </div>

    <div id="sidebar_container"<vb:if condition="$vboptions['sidebarposition'] == 0"> class="sidebarleft"</vb:if>>
        <a id="sidebar_button_link" href="#">
            <vb:if condition="$vboptions['sidebarposition'] == 0">
            <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-left.png" alt="" />
            <vb:else />
            <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed.png" alt="" />
            </vb:if>
        </a>
        <ul id="sidebar">
            {vb:raw sidebar}
        </ul>
    </div>
    </vb:if> 


and delete it

in sem template find :

PHP Code:

    {vb:raw forumhome_markread_script} 


And paste the following directly above

PHP Code:

    <vb:if condition="$show['sidebar']">
        </div>
    </div>

    <div id="sidebar_container"<vb:if condition="$vboptions['sidebarposition'] == 0"> class="sidebarleft"</vb:if>>
        <a id="sidebar_button_link" href="#">
            <vb:if condition="$vboptions['sidebarposition'] == 0">
            <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-left.png" alt="" />
            <vb:else />
            <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed.png" alt="" />
            </vb:if>
        </a>
        <ul id="sidebar">
            {vb:raw sidebar}
        </ul>
    </div>
    </vb:if> 


for VB 4.0.8 Lp2 you have to use this code

PHP Code:

<vb:if condition="$show['sidebar']">
        </div>
    </div>

    <div id="sidebar_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="sidebarleft"</vb:if>>
        <a id="sidebar_button_link" href="#">
            <vb:if condition="$show['sidebarposition'] == 'left'">
            <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-left.png" alt="" />
            <vb:else />
            <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed.png" alt="" />
            </vb:if>
        </a>
        <ul id="sidebar">
            {vb:raw sidebar}
        </ul>
    </div>
    </vb:if> 


It's the same code that previously deleted

Demo jast until Gold ver. after that here

PS : Thank for help mr. abukhlifa adeplomsi

NOTE : Be sure you dont mis during the copy and paste

Try again by copying to a text document and then to modify the template
Enjoy

[Akangage]

Sorry, its done

[Bisha]

why you need that?

if the sidebar is longer?

[itzkr0me]

In 4.2 (Custom Style) I had to move the following:

	<vb:if condition="$show['sidebar']">
		</div>
	</div>

	<div id="sidebar_container" class="<vb:if condition="$show['sidebarposition'] == 'left'">sidebarleft</vb:if><vb:if condition="$close_sidebar"> sidebar_closed</vb:if>">
		<a id="sidebar_button_link" href="#">
			<vb:if condition="$show['sidebarposition'] == 'left'">
			<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded-left.png<vb:else />tab-collapsed-left.png</vb:if>" alt="" />
			<vb:else />
			<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded.png<vb:else />tab-collapsed.png</vb:if>" alt="" />
			</vb:if>
		</a>
		<ul id="sidebar" <vb:if condition="$close_sidebar">class="sidebar_hidden"</vb:if> >
			{vb:raw sidebar}
		</ul>
	</div>
	</vb:if>

ABOVE the following:

	{vb:raw ad_location.board_after_forums}

[Hippy]

snipped

[betts02]

Originally Posted by Hippy

snipped

I went wrong in a code edit but i followed your earlier edits and fixed it mate cheers

[Luis]

Originally Posted by Hippy

welocme anytime

thank you so much, for user on 4.2.0

find:

	<vb:if condition="$show['sidebar']">
		</div>
	</div>

	<div id="sidebar_container" class="<vb:if condition="$show['sidebarposition'] == 'left'">sidebarleft</vb:if><vb:if condition="$close_sidebar"> sidebar_closed</vb:if>">
		<!-- <a id="sidebar_button_link" href="#">
			<vb:if condition="$show['sidebarposition'] == 'left'">
			<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded-left.png<vb:else />tab-collapsed-left.png</vb:if>" alt="" />
			<vb:else />
			<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded.png<vb:else />tab-collapsed.png</vb:if>" alt="" />
			</vb:if>
		</a> -->
		<ul id="sidebar" <vb:if condition="$close_sidebar">class="sidebar_hidden"</vb:if> >
			{vb:raw sidebar}
		</ul>
	</div>
	</vb:if>

delete it and copy above <!-- what's going on box -->

[thetechgenius]

Thank you! I had to edit a bit of the code, because im using a custom style, but its great. It makes the forum look complete when there are only 1 or 2 side bars.