Topic: How to move the "Extra block" to the right side

okay .... well I tried messing around with index.php but I can't seem to get the "extra block" on the portal page (once installed the portal plugin) to the right side of the forum.

any help??

Re: How to move the "Extra block" to the right side

www.kantgosouth.com

LOOK BOX IS ON THE RIGHT SIDE BUT WONT GET OFF MY UPDATES

Re: How to move the "Extra block" to the right side

Do you use PunPortal?
If yes, could you send me your punportal.tpl file, please. (My email link should be activated).

P.S.: What code do you want to put in that box?

FluxBB - v1.4.8

Re: How to move the "Extra block" to the right side

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<style type="text/css">
#main
{
margin-left: 190px;
}
#left
{
float: left;
width: 180px
}
</style>
<pun_head>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_portal_title>
            <pun_portal_desc>
        </div>
        <pun_navlinks>
    </div>
</div>

<pun_portal_ads>

<div id="left">
    <pun_portal_navigation>
    <pun_portal_login>
    <pun_portal_forum_stats>
    <pun_portal_forum_search>
    <pun_portal_recent_topics>
    <pun_portal_recent_posts>
    <pun_portal_top_posters>
    <div class="block">
    <h2><span>Extra Block</span></h2>
        <div class="box">
            <div class="inbox">
            <p>Here is an extra block, use it wisely. Simply copy this code and paste it under this blocks code to create a duplicate block. Then simply configure its content.</p>
            </div>
        </div>
    </div>
</div>
<div id="right">
<div class="block" style="float:right;width:134px">
    <h2><span>BLAH BLAH</span></h2>
        <div class="box">
            <div class="inbox">
            <p>UPDATE GTFO ME</p>
            </div>
        </div>
    </div>
</div>

<div id="main">
    <pun_main>
</div>

<div class="clearer"></div>

<pun_portal_users_online>

<pun_footer>

</div>
</div>

</body>
</html>

^^ what to fix?

Re: How to move the "Extra block" to the right side

In #main, add:

margin-right: 190px; // or whatever your right block width is + 10

I hope that does it.

You probably won't need that style="float:right;width:134px">-stuff.

FluxBB - v1.4.8

Re: How to move the "Extra block" to the right side

didn't work =/

Re: How to move the "Extra block" to the right side

Oops, also, add in the <style>-part:

#right
{
float: right;
width: 180px
}

and then edit the rest of the document (I would just copy the left area to the right, then rename it and delete what is trash).

FluxBB - v1.4.8

Re: How to move the "Extra block" to the right side

lmfao wanna know whats funny?

look at it now

LOLOOL ... it got my box to the right but now it looks as thugh the "Update" (box in middle) is connected with the left side as one box

=[
how to fix?

Re: How to move the "Extra block" to the right side

Could you post the current version of your main.tpl file again, please?

FluxBB - v1.4.8

10

Re: How to move the "Extra block" to the right side

its my punportal.php but sure.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<style type="text/css">
#right
{
float: right;
width: 180px
}
#main
{
margin-right: 190px;
}
#left
{
float: left;
width: 180px
}
</style>
<pun_head>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_portal_title>
            <pun_portal_desc>
        </div>
        <pun_navlinks>
    </div>
</div>

<pun_portal_ads>

<div id="left">
    <pun_portal_navigation>
    <pun_portal_login>
    <pun_portal_forum_stats>
    <pun_portal_forum_search>
    <pun_portal_recent_topics>
    <pun_portal_recent_posts>
    <pun_portal_top_posters>
    <div class="block">
    <h2><span>Extra Block</span></h2>
        <div class="box">
            <div class="inbox">
            <p>Here is an extra block, use it wisely. Simply copy this code and paste it under this blocks code to create a duplicate block. Then simply configure its content.</p>
            </div>
        </div>
    </div>
</div>
<div id="right">
<div class="block">
    <h2><span>BLAH BLAH</span></h2>
        <div class="box">
            <div class="inbox">
            <p>UPDATE GTFO ME</p>
            </div>
        </div>
    </div>
</div>

<div id="main">
    <pun_main>
</div>

<div class="clearer"></div>

<pun_portal_users_online>

<pun_footer>

</div>
</div>

</body>
</html>

11 (edited by lie2815 2007-03-15 02:56)

Re: How to move the "Extra block" to the right side

Here you go:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<style type="text/css">
#right
{
float: right;
width: 180px
}
#main
{
margin-left: 190px;
margin-right: 190px;
}
#left
{
float: left;
width: 180px
}
</style>
<pun_head>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_portal_title>
            <pun_portal_desc>
        </div>
        <pun_navlinks>
    </div>
</div>

<pun_portal_ads>

<div id="left">
    <pun_portal_navigation>
    <pun_portal_login>
    <pun_portal_forum_stats>
    <pun_portal_forum_search>
    <pun_portal_recent_topics>
    <pun_portal_recent_posts>
    <pun_portal_top_posters>
    <div class="block">
    <h2><span>Extra Block</span></h2>
        <div class="box">
            <div class="inbox">
            <p>Here is an extra block, use it wisely. Simply copy this code and paste it under this blocks code to create a duplicate block. Then simply configure its content.</p>
            </div>
        </div>
    </div>
</div>
<div id="right">
<div class="block">
    <h2><span>BLAH BLAH</span></h2>
        <div class="box">
            <div class="inbox">
            <p>UPDATE GTFO ME</p>
            </div>
        </div>
    </div>
</div>

<div id="main">
    <pun_main>
</div>

<div class="clearer"></div>

<pun_portal_users_online>

<pun_footer>

</div>
</div>

</body>
</html>

EDIT: I had forgotten to tell you that you shouldn't replace the
margin-left with margin-right, but just add the margin-right.

Sorry about that, wink

FluxBB - v1.4.8

12

Re: How to move the "Extra block" to the right side

lol, thanks so much this was such an annoying problem for me ^_^

Re: How to move the "Extra block" to the right side

Do you want all the sideblocks shown in your forum, not only on the PunPortal, too?

FluxBB - v1.4.8

Re: How to move the "Extra block" to the right side

You still have the extra block on the left side. Just comment it out.

FluxBB - v1.4.8

15

Re: How to move the "Extra block" to the right side

yeah how would I edit it so blocks show throughout my forum and not just on the portal

Re: How to move the "Extra block" to the right side

Could you post main.tpl this time, please? (Yes, I mean main.tpl wink )

FluxBB - v1.4.8

17

Re: How to move the "Extra block" to the right side

your very quick on responding ^_^

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>

</body>
</html>

18 (edited by lie2815 2007-03-15 03:32)

Re: How to move the "Extra block" to the right side

Same to you wink -- Email subscription, you know...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<style type="text/css">
#right
{
float: right;
width: 180px
}
#main
{
margin-left: 190px;
margin-right: 190px;
}
#left
{
float: left;
width: 180px
}
</style>
<pun_head>
</head>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_portal_title>
            <pun_portal_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_portal_ads>

<div id="left">
    <pun_portal_navigation>
    <pun_portal_login>
    <pun_portal_forum_stats>
    <pun_portal_forum_search>
    <pun_portal_recent_topics>
    <pun_portal_recent_posts>
    <pun_portal_top_posters>
    <div class="block">
    <h2><span>Extra Block</span></h2>
        <div class="box">
            <div class="inbox">
            <p>Here is an extra block, use it wisely. Simply copy this code and paste it under this blocks code to create a duplicate block. Then simply configure its content.</p>
            </div>
        </div>
    </div>
</div>
<div id="right">
<div class="block">
    <h2><span>BLAH BLAH</span></h2>
        <div class="box">
            <div class="inbox">
            <p>UPDATE GTFO ME</p>
            </div>
        </div>
    </div>
</div>

<pun_announcement>

<div id="main">
    <pun_main>
</div>

<div class="clearer"></div>

<pun_portal_users_online>

<pun_footer>

</div>
</div>

</body>
</html>

I hope I didn't do a mistake now.
Oh, if you want any other extra blocks (and maybe the opportunity to change them from the plugin, too), just mail me from the email link on the left side. Please tell me your email and then I will give me my email and you can send me the files that I need.

EDIT: Please add <pun_status> after <pun_navlinks>, like I did it now.
You can do that in the PunPortal.tpl file, too, if you want the status bar to show up there.

FluxBB - v1.4.8

Re: How to move the "Extra block" to the right side

You got it working now?

FluxBB - v1.4.8

20

Re: How to move the "Extra block" to the right side

no... im busy being stalked by someone who looked me up on whois.net ... they keep calling my house and won't leave me alone >_> I'm probably gonna tell my parents when they wake up.

I don't know what to do atm.

Re: How to move the "Extra block" to the right side

Nice website, by the way...
What is it about?

FluxBB - v1.4.8