Moving/getting rid of an AD

[Decadence]

Okay, if you look at my banner there is an ad keeping everything looking neat. How can I move it or completely rid of it completely. I'd perfer to move it above the banner and the pink line if possible if not I can shove it below the ad.

finalsunrise.proboards.com/

Please help. <3 ;D

[Brian]

Hi, Decadence.

It's not possible to remove the ad banner completely without purchasing ad-free, but with a little modification to my sidebar plugin, it's possible to get the ad banner out of that area of your layout and into a more desirable location. However, keep in mind that this will prevent you from having the sidebars directly beside the banner unless you import another copy of the sidebar plugin with its regular coding intact. So if you want to return it to its default behavior on your other themes, you'll need to sacrifice more plugin space.

So to get started, visit your forum's admin area and pay a visit to Plugins > Build. Click on the Sidebar Redux plugin. On the following page, click on the Components tab.

In the Javascript area of the components page, replace Line 10 with this.

newbanner.append(elements);

In the Global Header & Footer area of the components page, replace everything inside the Header tab with this.

SPOILER: Click to show

<style type="text/css">
    {if $[plugin.settings.below_ad]}#wrapper { padding-top: 12px; }{/if}
    .sidebarr-left-td { width: {if $[plugin.settings.left_width]}$[plugin.settings.left_width]{else}200px{/if}; {if $[plugin.settings.left_enabled]}padding-right: $[plugin.settings.forum_spacing]; {/if}}
    .sidebarr-right-td { width: {if $[plugin.settings.right_width]}$[plugin.settings.right_width]{else}200px{/if}; {if $[plugin.settings.right_enabled]}padding-left: $[plugin.settings.forum_spacing]; {/if}}
    #sidebarr-left { width: {if $[plugin.settings.left_width]}$[plugin.settings.left_width]{else}200px{/if}; }
    #sidebarr-right { width: {if $[plugin.settings.right_width]}$[plugin.settings.right_width]{else}200px{/if}; }
    {if $[plugin.settings.left_spacing]}#sidebarr-left > .container {
        margin-bottom: $[plugin.settings.left_spacing];
    }{/if}
    {if $[plugin.settings.right_spacing]}#sidebarr-right > .container {
        margin-bottom: $[plugin.settings.right_spacing];
    }{/if}
    .sidebarr-main { table-layout: auto; }
</style>

<div id="sidebarr-wrapper">
<table class="sidebarr-main" width="100%">
    <tr>
        <td id="newbanner"{if $[plugin.settings.left_enabled]} colspan="{if $[plugin.settings.right_enabled]}3{else}2{/if}"{elseif $[plugin.settings.right_enabled]} colspan="{if $[plugin.settings.left_enabled]}3{else}2{/if}"{/if}></td>
    <tr>
        {if $[plugin.settings.left_enabled]}
            <td class="sidebarr-left-td" valign="top">
                <div id="sidebarr-left">
                {foreach $[plugin.settings.left_sidebar]}
                    {if $[plugin.settings.left_sidebar.style] != 9}
                    <div class="container"{if $[plugin.settings.left_sidebar.id]} id="$[plugin.settings.left_sidebar.id]"{/if}{if $[plugin.settings.left_sidebar.index] == $[plugin.settings.left_sidebar.lastIndex]} style="margin-bottom: 0px;"{/if}>{if !$[plugin.settings.left_sidebar.style]}
                        <div class="title-bar">
                            <h2>$[plugin.settings.left_sidebar.title]</h2>
                        </div>{/if}
                        <div class="{if $[plugin.settings.left_sidebar.style] == 1}content-box{else}content{/if} pad-all cap-bottom">
                                $[plugin.settings.left_sidebar.content]                   
                        </div>
                    </div>
                    {/if}
                {/foreach}
                </div>
            </td>
        {/if}
        <td class="sidebarr-center-td" valign="top">
            <div id="sidebarr-center">
                $[plugin.settings.header]

Now save the plugin, then go to Themes > Advanced Styles & CSS > Style Sheet. Scroll to the very bottom of all of that CSS and find your curved border around forum code. Replace the entire thing with this.

/* curved border around forum with % Forum Width */
#sidebarr-wrapper {
    background-color: #d0e5d2;
    padding: 0px;
    border-radius: 1em 20em 1em 1em;
    -moz-border-radius: 1em 20em 1em 1em;
    -border-radius: 1em 20em 1em 1em;
    border: 10px solid #e38690;
    overflow: hidden;
}
.container > .title-bar.bbcode h2 { width: auto; }

And lastly, visit Themes > Colors & Theme Creator and change your forum's width to 1000px like it was before.

If you did everything right, you should be good to go now.

[Decadence]

Well the ad isn't in the way, but the pink border should be wrapping around the banner not the general catagory.

Thanks for you help thus far.

[Brian]

Oh, right. I forgot you need to enable the Move Banner option in the plugin's Other Settings tab.

Also, disable the Welcome Header Below Ad plugin.

[Decadence]

Oh thanks a bunch ! ;D