• Registered: 2006-06-30
  • Posts: 14

Topic: Some Problems

1st Problem. I successfully got the Miniportal working by following Connorhd's wiki tutorial. I got the left boxes and everything. I was wondering, is there a way to add boxes to the right also? I edited main.tpl and everything but the box would sort of fix itself actually underneath the news box. Not like below it, actually underneath like a layer. Can someone share how to put boxes on the right?

2nd Problem. I installed the Calendar mod but I would like to have a box on my portal's frontpage that shows the date, time, and the next upcoming event. I am new to PunBB modding so I don't know what to do.

3rd Problem. I'd like to have a Last Seen box, how would I go about that?

If you can help me with any of these I'd be thankful.

2 Reply by Kato

  • Kato
  • Senior Member
  • Offline
  • Registered: 2006-01-06
  • Posts: 166

Re: Some Problems

I'm not sure about the 2nd and 3rd problem as I'm not a php guru by any means, but the first problem would be easier to help fix if you could provide your main.tpl.  Adding a right side bar can be done, but we'll need to see your main.tpl and the css inside of it (if you did it through Connor's portal setup, the css is in the main.tpl) to try and help figure out why the right bar isn't showing up properly.

NGL

Kato's Website

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

Here's my current main.tpl:

<!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>
<style type="text/css">
    #left {
        width: 140px;
        float: left;
    }
    #main {
        margin-left: 150px;
    margin-right: 150px;
    }
    #container {
        width: 100%;
    float: right;
        margin-left: -140px;
    }
    #right {
        width: 140px;
        float: right;
    }
</style>
</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">
            <center><img src="http://www.sameold.org/fpc/logo.php" alt="The Flower Power Clan" /></center>
            <center><pun_desc></center>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>
 
<div id="container">
    <div id="main">
    
        <pun_announcement>
    
        <pun_main>
        
    </div>    
</div>

<div id="right">    
<div class="block">
        <h2 class="block2"><span>Affiliates</span></h2>
        <div class="box">
        Affs Here
        </div>
</div>
</div>

<div id="left">    
    <div class="block">
        <h2><span>Menu</span></h2>
        <div class="box">
        <pun_sidelinks>            
        </div>
    </div>
    <div class="block">
        <h2 class="block2"><span>Links</span></h2>
        <div class="box">
            <div class="inbox">
                <ul>
                    <li>-<a href="http://flowerpowerclan.16.forumer.com/index.php">FPC Archives</a></li>
                    <li>-<a href="http://gamersociety.forumer.com">Pega's Gaming Society</a></li>
                    <li>-<a href="http://tehplace.boardzero.com">Teh Place</a></li>
                    <li>-<a href="http://hypocrites.forumer.com">Samuel's Message Board</a></li>
                    <li>-<a href="http://www.animalcrossingwildworld.com/forums">ACWW Unofficial Fansite</a></li>
                    <li>-<a href="http://www.animalxing.com/hybrids.php">AnimalXing.com Hybrid Guide (Great for clan breeders!)</a></li>
            <li>-<a href="http://animalcrossingw.boardzero.com/">Dshacker's ACWW Forum</a></li>
                </ul>        
            </div>
        </div>
    </div>

<div class="block">
        <h2 class="block2"><span>Who's Online?</span></h2>
        <div class="box">
        <pun_online>
        </div>
</div>
</div>

<div class="clearer"></div>
 
<pun_footer>
 
</div>
</div>
 
</body>
</html>

And to see what it looks like: http://sameold.org/fpc/index.php

I wanted the Affiliates box on the right but what I have in main.tpl now doesn't work.

4 Reply by Kato

  • Kato
  • Senior Member
  • Offline
  • Registered: 2006-01-06
  • Posts: 166

Re: Some Problems

Well, your container and #right are both floating to the right.  That may be what is throwing it off. I might have to go try this on a test site and see if I can get it to work.  I use Connor's setup on my forums as well and the left bar works great, but I haven't tried to do the right bar.

NGL

Kato's Website

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

Please do try. I really need to have left and right bars. If you succeed, I'd appreciate a snippet of the code, or maybe the whole thing.

6 Reply by Kato

  • Kato
  • Senior Member
  • Offline
  • Registered: 2006-01-06
  • Posts: 166

Re: Some Problems

sameoldspud wrote:

Please do try. I really need to have left and right bars. If you succeed, I'd appreciate a snippet of the code, or maybe the whole thing.

I can't right now as I'm at work and can't upload the files, but I can do that later tonight.

NGL

Kato's Website

7 Reply by Kato

  • Kato
  • Senior Member
  • Offline
  • Registered: 2006-01-06
  • Posts: 166

Re: Some Problems

Something I just thought of, but when I was setting up my left bar, I tried to move the #left code to where it was in front of the main page information. I wanted it to load the sidebar before the actual page...but when I did that, it messed a lot of things up.  Did you try to put your #right below your #left code just to see what happens?

NGL

Kato's Website

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

No, I haven't done that. Unfortunately I'm heading out to work after I type this. When you get the chance, could you try it out and posts your results? I won't be on again until tomorrow.

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

Sorry to double post. Kato and I have been working on this and keeping in touch through email but we've had no luck. Does anyone have a clue about the portal?

  • From: Leuven, Belgium
  • Registered: 2005-06-14
  • Posts: 2,653

Re: Some Problems

Try this:

<!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>
<style type="text/css">
    #left {
        width: 140px;
        float: left;
    }
    #main {
        margin-left: 150px;
    margin-right: 150px;
    }
    #container {
        width: 100%;
    float: right;
        margin-left: -140px;
    }
    #right {
        width: 140px;
        float: right;
    }
</style>
</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">
            <center><img src="http://www.sameold.org/fpc/logo.php" alt="The Flower Power Clan" /></center>
            <center><pun_desc></center>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>
 
<div id="right">    
<div class="block">
        <h2 class="block2"><span>Affiliates</span></h2>
        <div class="box">
        Affs Here
        </div>
</div>
</div>
 
<div id="container">
    <div id="main">
    
        <pun_announcement>
    
        <pun_main>
        
    </div>    
</div>

<div id="left">    
    <div class="block">
        <h2><span>Menu</span></h2>
        <div class="box">
        <pun_sidelinks>            
        </div>
    </div>
    <div class="block">
        <h2 class="block2"><span>Links</span></h2>
        <div class="box">
            <div class="inbox">
                <ul>
                    <li>-<a href="http://flowerpowerclan.16.forumer.com/index.php">FPC Archives</a></li>
                    <li>-<a href="http://gamersociety.forumer.com">Pega's Gaming Society</a></li>
                    <li>-<a href="http://tehplace.boardzero.com">Teh Place</a></li>
                    <li>-<a href="http://hypocrites.forumer.com">Samuel's Message Board</a></li>
                    <li>-<a href="http://www.animalcrossingwildworld.com/forums">ACWW Unofficial Fansite</a></li>
                    <li>-<a href="http://www.animalxing.com/hybrids.php">AnimalXing.com Hybrid Guide (Great for clan breeders!)</a></li>
            <li>-<a href="http://animalcrossingw.boardzero.com/">Dshacker's ACWW Forum</a></li>
                </ul>        
            </div>
        </div>
    </div>

<div class="block">
        <h2 class="block2"><span>Who's Online?</span></h2>
        <div class="box">
        <pun_online>
        </div>
</div>
</div>

<div class="clearer"></div>
 
<pun_footer>
 
</div>
</div>
 
</body>
</html>

Something floating right must always come infront of the other content. So in this case it would be:
right menu (right) => main content (right) => left menu (left)

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

That put everything that was on the left, onto the right.

  • From: Leuven, Belgium
  • Registered: 2005-06-14
  • Posts: 2,653

Re: Some Problems

I've been trying, but haven't found how to do it =/ There must be an easy way though... Jansson did it on PunRes.

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

T_T.

I would contact Jansson but he doesn't have any info in his profile.

  • From: Leuven, Belgium
  • Registered: 2005-06-14
  • Posts: 2,653

Re: Some Problems

http://www.punres.org/misc.php?email=2
You must be logged in on PunRes to use that though wink

15 Reply by Jansson (edited by Jansson 2006-07-04 23:48)

  • Jansson
  • Former PunBB Developer
  • Offline
  • From: Sweden
  • Registered: 2003-01-06
  • Posts: 856

Re: Some Problems

I got the mail. It's very simple:

<div id="colleft" style="float: left; width: 200px; background-color: #FF0000">
LEFT COLUMN
</div>

<div id="colright" style="float: right; width: 200px; background-color: #0000FF">
RIGHT COLUMN
</div>

<div id="colcenter" style="margin-left: 210px; margin-right: 210px; background-color: #00FF00">
MAIN COLUMN
</div>

Although I use percentage width on PunRes so the middle column actually looks like:

<div id="colcenter" style="width: 48.5%; margin: auto;">

16 Reply by sameoldspud (edited by sameoldspud 2006-07-05 00:39)

  • Registered: 2006-06-30
  • Posts: 14

Re: Some Problems

Thank you so much Janssen! It didn't work for my main.tpl at first but I did some tinkering (recoding the rest of my main.tpl XD) and I got it. Check it out here: http://sameold.org/fpc/index.php. Once again Janssen, thanks a bunch!