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??
You are not logged in. Please login or register.
PunBB Forums → PunBB 1.2 troubleshooting → 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??
LOOK BOX IS ON THE RIGHT SIDE BUT WONT GET OFF MY UPDATES
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?
<!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?
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.
didn't work =/
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).
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?
Could you post the current version of your main.tpl file again, please?
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>
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,
lol, thanks so much this was such an annoying problem for me ^_^
Do you want all the sideblocks shown in your forum, not only on the PunPortal, too?
You still have the extra block on the left side. Just comment it out.
yeah how would I edit it so blocks show throughout my forum and not just on the portal
Could you post main.tpl this time, please? (Yes, I mean main.tpl )
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>
Same to you -- 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.
You got it working now?
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.
Nice website, by the way...
What is it about?
PunBB Forums → PunBB 1.2 troubleshooting → How to move the "Extra block" to the right side
Powered by PunBB, supported by Informer Technologies, Inc.