1

Topic: problems with making a home page using punbb styles

Hi,

Thanks to Connohrd's excellent work (but not corresponding to what I want), I'm trying to make my home page looks like my punbb forum.
I've got several problems, so if somebody can help me... This is the page I'm building: http://www.pluriservices.net/test3.php

First problem:
I can't understand why there is no space between differents blocks, between Menu1 and Menu2 for example, and between every other blocks.

Second problem:
I've got a big problem with the navlink. My forum is installed in /forum. My home page is at the root. So the generated links in my home page are not correctly generated. I miss /forum in the generated links. Is there a simple solution to solve this?

Third problem:
I'm using floating images code that code xp wrote (http://punbb.org/forums/viewtopic.php?pid=37484#p37484). This code works good with ie. But with firefox, pictures are not well displayed. Have a look at the page, you'll see there is a problem.

Last problem:
The footer is not 100% width though I want it to be. Also, there is no space before the footer.

When I will have solved these problems (I hope I'll be able to), I will release the index page I build and the modifications I made.

This is the code of my page:

<?php

define('PUN_ROOT', 'forum/');
define('PUN_QUIET_VISIT', 1);
require ($_SERVER['HTTP_RACINE'] . '/forum/include/common.php');

$page_title = pun_htmlspecialchars($pun_config['o_board_title']);
define('PUN_ALLOW_INDEX', 1);



// Make sure no one attempts to run this script "directly"
if (!defined('PUN'))
    exit;

// Send no-cache headers
header('Expires: Thu, 21 Jul 1977 07:30:00 GMT');    // When yours truly first set eyes on this world! :)
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');        // For HTTP/1.0 compability


// Load the template
if (defined('PUN_ADMIN_CONSOLE'))
    $tpl_main = file_get_contents($_SERVER['HTTP_RACINE'] . '/forum/include/template/admin.tpl');
else if (defined('PUN_HELP'))
    $tpl_main = file_get_contents($_SERVER['HTTP_RACINE'] . '/forum/include/template/help.tpl');
else
    $tpl_main = file_get_contents($_SERVER['HTTP_RACINE'] . '/forum/include/template/main.tpl');


// START SUBST - <pun_content_direction>
$tpl_main = str_replace('<pun_content_direction>', $lang_common['lang_direction'], $tpl_main);
// END SUBST - <pun_content_direction>


// START SUBST - <pun_char_encoding>
$tpl_main = str_replace('<pun_char_encoding>', $lang_common['lang_encoding'], $tpl_main);
// END SUBST - <pun_char_encoding>


// START SUBST - <pun_head>
ob_start();

// Is this a page that we want search index spiders to index?
if (!defined('PUN_ALLOW_INDEX'))
    echo '<meta name="ROBOTS" content="NOINDEX, FOLLOW" />'."\n";

?>
<title>Pluriservices.net</title>
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/forum/style/<?php echo $pun_user['style'].'.css' 

?>" />
<?php

if (defined('PUN_ADMIN_CONSOLE'))
    echo '<link rel="stylesheet" type="text/css" 

href="http://www.pluriservices.net/forum/forum/style/imports/base_admin.css" />'."\n";

if (isset($destination_url))
    echo '<meta http-equiv="refresh" content="'.$delay.';URL='.$destination.'" />'."\n";

else if (isset($required_fields))
{
    // Output JavaScript to validate form (make sure required fields are filled out)

?>
<script type="text/javascript">
<!--
function process_form(the_form)
{
    var element_names = new Object()
<?php

    // Output a JavaScript array with localised field names
    while (list($elem_orig, $elem_trans) = @each($required_fields))
        echo "\t".'element_names["'.$elem_orig.'"] = "'.addslashes(str_replace(' ', ' ', $elem_trans)).'"'."\n";

?>

    if (document.all || document.getElementById)
    {
        for (i = 0; i < the_form.length; ++i)
        {
            var elem = the_form.elements[i]
            if (elem.name && elem.name.substring(0, 4) == "req_")
            {
                if (elem.type && (elem.type=="text" || elem.type=="textarea" || elem.type=="password" || 

elem.type=="file") && elem.value=='')
                {
                    alert("\"" + element_names[elem.name] + "\" <?php echo $lang_common['required field'] 

?>")
                    elem.focus()
                    return false
                }
            }
        }
    }

    return true
}
// -->
</script>
<?php

}

$user_agent = isset($_SERVER['HTTP_USER_AGENT']) ? strtolower($_SERVER['HTTP_USER_AGENT']) : '';
if (strpos($user_agent, 'msie') !== false && strpos($user_agent, 'windows') !== false && strpos($user_agent, 'opera') === 

false)
    echo '<script type="text/javascript" src="style/imports/minmax.js"></script>';

$tpl_temp = trim(ob_get_contents());
$tpl_main = str_replace('<pun_head>', $tpl_temp, $tpl_main);
ob_end_clean();
// END SUBST - <pun_head>


// START SUBST - <body>
if (isset($focus_element))
{
    $tpl_main = str_replace('<body onload="', '<body 

onload="document.getElementById(\''.$focus_element[0].'\').'.$focus_element[1].'.focus();', $tpl_main);
    $tpl_main = str_replace('<body>', '<body 

onload="document.getElementById(\''.$focus_element[0].'\').'.$focus_element[1].'.focus()">', $tpl_main);
}
// END SUBST - <body>


// START SUBST - <pun_page>
$tpl_main = str_replace('<pun_page>', basename($_SERVER['PHP_SELF'], '.php'), $tpl_main);
// END SUBST - <pun_title>


// START SUBST - <pun_title>
$tpl_main = str_replace('<pun_title>', '<h1><span>'.pun_htmlspecialchars($pun_config['o_board_title']).'</span></h1>', 

$tpl_main);
// END SUBST - <pun_title>


// START SUBST - <pun_desc>
$tpl_main = str_replace('<pun_desc>', '<p><span>'.$pun_config['o_board_desc'].'</span></p>', $tpl_main);
// END SUBST - <pun_desc>


// START SUBST - <pun_navlinks>
$tpl_main = str_replace('<pun_navlinks>','<div id="brdmenu" class="inbox">'."\n\t\t\t". 

generate_navlinks()."\n\t\t".'</div>', $tpl_main);
// END SUBST - <pun_navlinks>


// START SUBST - <pun_status>
if ($pun_user['is_guest'])
    $tpl_temp = '<div id="brdwelcome" class="inbox">'."\n\t\t\t".'<p>'.$lang_common['Not logged 

in'].'</p>'."\n\t\t".'</div>';
else
{
    $tpl_temp = '<div id="brdwelcome" class="inbox">'."\n\t\t\t".'<ul 

class="conl">'."\n\t\t\t\t".'<li>'.$lang_common['Logged in as'].' 

<strong>'.pun_htmlspecialchars($pun_user['username']).'</strong></li>'."\n\t\t\t\t".'<li>'.$lang_common['Last visit'].': 

'.format_time($pun_user['last_visit']).'</li>';

    if ($pun_user['g_id'] < PUN_GUEST)
    {
        $result_header = $db->query('SELECT COUNT(id) FROM '.$db->prefix.'reports WHERE zapped IS NULL') or 

error('Unable to fetch reports info', __FILE__, __LINE__, $db->error());

        if ($db->result($result_header))
            $tpl_temp .= "\n\t\t\t\t".'<li class="reportlink"><strong><a href="admin_reports.php">There are new 

reports</a></strong></li>';

        if ($pun_config['o_maintenance'] == '1')
            $tpl_temp .= "\n\t\t\t\t".'<li class="maintenancelink"><strong><a 

href="admin_options.php#maintenance">Maintenance mode is enabled!</a></strong></li>';
    }

    if (in_array(basename($_SERVER['PHP_SELF']), array('index.php', 'search.php')))
        $tpl_temp .= "\n\t\t\t".'</ul>'."\n\t\t\t".'<ul class="conr">'."\n\t\t\t\t".'<li><a 

href="search.php?action=show_new">'.$lang_common['Show new posts'].'</a></li>'."\n\t\t\t\t".'<li><a 

href="misc.php?action=markread">'.$lang_common['Mark all as read'].'</a></li>'."\n\t\t\t".'</ul>'."\n\t\t\t".'<div 

class="clearer"></div>'."\n\t\t".'</div>';
    else
        $tpl_temp .= "\n\t\t\t".'</ul>'."\n\t\t\t".'<div class="clearer"></div>'."\n\t\t".'</div>';
}

$tpl_main = str_replace('<pun_status>', $tpl_temp, $tpl_main);
// END SUBST - <pun_status>


?>

<?php

    


// START SUBST - <pun_main>
ob_start();


define('PUN_HEADER', 1);


require PUN_ROOT.'include/parser.php';
?>

<div id="adminconsole" class="block2col">
    <div id="adminmenu" class="blockmenu">
        <h2><span>Menu 1</span></h2>
        <div class="box">
            <div class="inbox">

                <ul>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>

                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>

                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                </ul>
            </div>
        </div>
<h2><span>Menu 2</span></h2>
        <div class="box">
            <div class="inbox">

                <ul>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>

                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>
                    <li><a href="Test">Test</a></li>

                    <li><a href="Test">Test</a></li>
                    
</ul>
</div>
</div>
</div>




<?php
include($_SERVER['HTTP_RACINE'] . '/forum/plugins/AMP_News_Generator/news.html');
?>






<?php
require PUN_ROOT.'footer.php';
?>

Thanks everybody for the help.

Ludo,

Re: problems with making a home page using punbb styles

first problem you need to make any extra <h2>s <h2 class="block2">

i would not do the code like you have...

make use of PUN_ROOT for includes

include header.php don't do a copy of it and to compensate for styles and links add a <base ...> tag to header.php (see 1.3 dev source)

for the footer your missing the clearing div look at the miniportal guide

also do you need to include parser.php?

3

Re: problems with making a home page using punbb styles

Connorhd wrote:

first problem you need to make any extra <h2>s <h2 class="block2">

I don't want to make any extra. I want to use only existing styles. When I go on my admin_index, there are spaces between blocks. I want exactly the same. Why can't I use the same style?

Connorhd wrote:

I would not do the code like you have...

Sure, I'm a novice wink...

Connorhd wrote:

make use of PUN_ROOT for includes

I could but my hoster does not allow me to make directly this type of include. I'm compelled to use $_SERVER['HTTP_RACINE']. It's because of security problems. I do not think this is the problem


Connorhd wrote:

include header.php don't do a copy of it and to compensate for styles and links add a <base ...> tag to header.php (see 1.3 dev source)

I'm compelled to copy header because I don't want to use the same header as for the forum. My page is independant. It must have its own title and meta tags...
Copying the header is the only solution I found to modify these parameters.

Connorhd wrote:

for the footer your missing the clearing div look at the miniportal guide

Thanks, I'll have a look

Connorhd wrote:

also do you need to include parser.php?

I don't know if I need.

If somebody can answer the unanswered questions, I will be pleased smile

Ludo,

4

Re: problems with making a home page using punbb styles

I am afraid using admin as a template for your site is a mistake. First of all it uses it's own special stylesheet which is only called when you are in the adminconsole. Secondly, it is constructed differently to the rest of PunBB. If you try to base your site on the two column layout in the admin interface or the two column profile page you will get a lot of problems. For example, to get your images to float properly in Firefox (which is actually displaying them correctly, IE is wrong) you need to add clearer divs. The moment you do that you will force all the images down below the side menus and create a huge gap. You don't see this problem on admin or profile because I avoided using clears where they would interfere with the menu but the problem is there.

Re: problems with making a home page using punbb styles

I don't want to make any extra. I want to use only existing styles. When I go on my admin_index, there are spaces between blocks. I want exactly the same. Why can't I use the same style?

its not extra thats how punbb works

also if you can't use PUN_ROOT style includes...
why does require PUN_ROOT.'include/parser.php'; not throw up errors?

and i'm not telling you how to do it i'm just suggesting what i think is the best way of doing it (from my experience)

anyway you can still use <base> for the styles and links

6

Re: problems with making a home page using punbb styles

Well, I thought what I wanted to do was to hard for me.
So, I decided to adapt more simply the miniportal and mypunbb home page.
It gives this: http://www.pluriservices.net/test4.php
It seems to work good. The only problem is with floating images only with firefox (always the same...)
Any idea to solve this problem?
Finally I want to ask Connohrd if he allows me to have my home page inspired from mypunbb.com home page.

Ludo,

7

Re: problems with making a home page using punbb styles

Paul wrote:

For example, to get your images to float properly in Firefox (which is actually displaying them correctly, IE is wrong) you need to add clearer divs. The moment you do that you will force all the images down below the side menus and create a huge gap.

I finally decided not to use admin template. I'm trying to use the template Connorhd made. But the problem is always, as you told me, with floating images.

This is the news code I use. How can I avoid this problem?

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pluriservices.net</title>
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/forum/style/pluriservices.css" />
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/3col.css">


</head>
<body>

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

<div id="brdheader" class="block">
    <div class="box">

        <div id="brdtitle" class="inbox">
            <p align="center"> </p>
<p align="center">
<img src="http://www.pluriservices.net/gif/logo.gif" align="left" width="200" height="70" />
<iframe border="0" frameborder="0" 

height="60" width="468" name="I1" scrolling="no" 
src="http://www.promobenef.com/cgi-bin/img.cgi?ref=23567&mini_pub=0&js=0">
<script type="text/javascript" src="http://www.promobenef.com/cgi-bin/img.cgi?ref=23567&mini_pub=0&js=1"></script></iframe>
</p>

        </div>
    </div>
    <div class="box">
        <div class="inbox">
            
        </div>
    </div>

</div>

<div id="container">
    <div id="left">    
        <div class="block">
            <h2><span>Menu</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>            
                    </p>
                </div>
            </div>

        </div>
        <div class="block">
            <h2 class="block2"><span>Les services</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>

                    </p>
                </div>
            </div>
        </div>
        <div class="block">
            <h2 class="block2"><span>Les fiches pratiques</span></h2>
            <div class="box">

                <div class="inbox">

                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>
                    </p>
                </div>
            </div>
        </div>
        <div class="block">

            <h2 class="block2"><span>Search</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                    <!-- Search Google -->
                        <center>
                        <form method="get" action="http://www.google.com/custom" target="_top">
                        <a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a><br>

                        <input type="text" name="q" size="15" maxlength="255" value=""></input><p>
                        <input type="submit" name="sa" value="Search"></input>
                        <input type="hidden" name="client" value="pub-4854626252514244"></input>
                        <input type="hidden" name="forid" value="1"></input>
                        <input type="hidden" name="ie" value="ISO-8859-1"></input>
                        <input type="hidden" name="oe" value="ISO-8859-1"></input>
                        <input type="hidden" name="cof" value="GALT:#415720;GL:1;DIV:#336699;VLC:415720;AH:center;BGC:EEEEEE;LBGC:9AC55A;ALC:415720;LC:415720;T:000000;GFNT:415720;GIMP:415720;FORID:1;"></input>
                        <input type="hidden" name="hl" value="en"></input>
                        </form>

                        </center>
                    <!-- Search Google -->            
                    </p>
                </div>
            </div>
        </div>
        
    </div>
    <div id="main">
        <div class="block">
            
        </div>
<?php
include($_SERVER['HTTP_RACINE'] . '/forum/plugins/AMP_News_Generator/news.html');
?>
    </div>    
</div>
<div id="sidebar">
<div class="block">
            <h2><span>Discussions récentes</span></h2>
            <div class="box">
                <div class="inbox">
                    <ul><p>
                    <?php
$ancien_get_action = $_GET['action'];
$ancien_get_show = $_GET['show'];
$_GET['action'] = 'active';
$_GET['show'] = 10;
include($_SERVER['HTTP_RACINE'] . '/forum/extern.php');
$_GET['action'] = $ancien_get_action;
$_GET['show'] = $ancien_get_show;
?>
                    </p></ul>
                </div>
            </div>
        </div>
</div>



<div class="clearing"> </div>
<br />
<div id="brdfooter" class="block">
    <h2><span>Board footer</span></h2>

    <div class="box">
        <div class="inbox">
            <p class="conr">Powered by <a href="http://punbb.org/">PunBB</a> 1.2<br />© Copyright 2002–2005 Rickard Andersson</p>
            <div class="clearer"></div>
        </div>

    </div>
</div>

</div>
</div>

</body>
</html>

</html>

Thanks for any help.

Ludo,

Re: problems with making a home page using punbb styles

i don't mind anyone using the mypunbb.com style, its pretty much the miniportal with 3 columns (and i especially don't mind if you keep the google search since i get commission from clicks on adverts if people use it wink)

as for the floating images i can give you a better version of 3col.css which will allow you to use clears, i'm at college atm though so it'll have to be when i get hoe, its basically the miniportal one which a "double" negative margin, not sure its the best way to do it but it works wink

edit: found the testing url http://www.mypunbb.com/files/neg.htm

9 (edited by Ludo 2005-04-12 16:47)

Re: problems with making a home page using punbb styles

You're really cool Connhord. smile
I wait for the new 3col and I will test.

Connorhd wrote:

edit: found the testing url http://www.mypunbb.com/files/neg.htm

What do you mean?

Ludo,

Re: problems with making a home page using punbb styles

that is the 3 col layout

11

Re: problems with making a home page using punbb styles

Ok, this is the result with this news 3col.css : http://www.pluriservices.net/test4.php
Do I have to change anything in my homepage?

Ludo,

Re: problems with making a home page using punbb styles

you can't just replace the css you need to make the file have the structure

<div id="header">header</div>

<div id="container">

    <div id="content">
        <div id="main">
            main
        </div>
    </div>
    
    <div id="left">
        left
    </div>
</div>

<div id="right">
    right
</div>

<div class="clearing"> </div>

<div id="footer">footer</div>

13

Re: problems with making a home page using punbb styles

I hate firefox. it compells me to do things hard like that.
I don't really understand what I have to do... Why is sidebar not in the css?

Ludo,

Re: problems with making a home page using punbb styles

sidebar is called right in this new css

15

Re: problems with making a home page using punbb styles

this is the new 3 col:

#header {
    border: 1px solid #cecea5;
    background: #d7dabd;
}

#content {
    width: 100%;
    float: right;
    margin-left: -150px;
}
#container {
    width: 100%;
    float: left;
    margin-right: -200px;
}
#main {
    margin-left: 150px;
    margin-right: 200px;
}
#left {
    width: 150px;
    float: left;
}
#right {
    width: 150px;
    float: right;
}
#footer {
    border: 1px solid #cecea5;
    background: #d7dabd;
}
.clearing {
    height: 0;
    clear: both;
}

I do not see sidebar

Ludo,

16 (edited by Ludo 2005-04-12 20:13)

Re: problems with making a home page using punbb styles

Well, it's to hard for me. I don't understand what to do.
Connohrd, can you tell what exactly I must put or change in my file?

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pluriservices.net</title>
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/forum/style/pluriservices.css" />
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/3col.css">


</head>
<body>

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

<div id="brdheader" class="block">
    <div class="box">

        <div id="brdtitle" class="inbox">
            <p align="center"> </p>
<p align="center">
<img src="http://www.pluriservices.net/gif/logo.gif" align="left" width="200" height="70" />
<iframe border="0" frameborder="0" 

height="60" width="468" name="I1" scrolling="no" 
src="http://www.promobenef.com/cgi-bin/img.cgi?ref=23567&mini_pub=0&js=0">
<script type="text/javascript" src="http://www.promobenef.com/cgi-bin/img.cgi?ref=23567&mini_pub=0&js=1"></script></iframe>
</p>

        </div>
    </div>
    <div class="box">
        <div class="inbox">
            
        </div>
    </div>

</div>

<div id="container">
    <div id="left">    
        <div class="block">
            <h2><span>Menu</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>            
                    </p>
                </div>
            </div>

        </div>
        <div class="block">
            <h2 class="block2"><span>Les services</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>

                    </p>
                </div>
            </div>
        </div>
        <div class="block">
            <h2 class="block2"><span>Les fiches pratiques</span></h2>
            <div class="box">

                <div class="inbox">

                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>
                    </p>
                </div>
            </div>
        </div>
        <div class="block">

            <h2 class="block2"><span>Search</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                    <!-- Search Google -->
                        <center>
                        <form method="get" action="http://www.google.com/custom" target="_top">
                        <a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a><br>

                        <input type="text" name="q" size="15" maxlength="255" value=""></input><p>
                        <input type="submit" name="sa" value="Search"></input>
                        <input type="hidden" name="client" value="pub-4854626252514244"></input>
                        <input type="hidden" name="forid" value="1"></input>
                        <input type="hidden" name="ie" value="ISO-8859-1"></input>
                        <input type="hidden" name="oe" value="ISO-8859-1"></input>
                        <input type="hidden" name="cof" value="GALT:#415720;GL:1;DIV:#336699;VLC:415720;AH:center;BGC:EEEEEE;LBGC:9AC55A;ALC:415720;LC:415720;T:000000;GFNT:415720;GIMP:415720;FORID:1;"></input>
                        <input type="hidden" name="hl" value="en"></input>
                        </form>

                        </center>
                    <!-- Search Google -->            
                    </p>
                </div>
            </div>
        </div>
        
    </div>
    <div id="main">
        <div class="block">
            
        </div>
<?php
include($_SERVER['HTTP_RACINE'] . '/forum/plugins/AMP_News_Generator/news.html');
?>
    </div>    
</div>
<div id="sidebar">
<div class="block">
            <h2><span>Discussions récentes</span></h2>
            <div class="box">
                <div class="inbox">
                    <ul><p>
                    <?php
$ancien_get_action = $_GET['action'];
$ancien_get_show = $_GET['show'];
$_GET['action'] = 'active';
$_GET['show'] = 10;
include($_SERVER['HTTP_RACINE'] . '/forum/extern.php');
$_GET['action'] = $ancien_get_action;
$_GET['show'] = $ancien_get_show;
?>
                    </p></ul>
                </div>
            </div>
        </div>
</div>



<div class="clearing"> </div>
<br />
<div id="brdfooter" class="block">
    <h2><span>Board footer</span></h2>

    <div class="box">
        <div class="inbox">
            <p class="conr">Powered by <a href="http://punbb.org/">PunBB</a> 1.2<br />© Copyright 2002?2005 Rickard Andersson</p>
            <div class="clearer"></div>
        </div>

    </div>
</div>

</div>
</div>

</body>
</html>

</html>

Thanks,

Ludo,

Re: problems with making a home page using punbb styles

try

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pluriservices.net</title>
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/forum/style/pluriservices.css" />
<link rel="stylesheet" type="text/css" href="http://www.pluriservices.net/3col.css">
</head>

<body>

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

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <p align="center"> </p>
            <p align="center">
                <img src="http://www.pluriservices.net/gif/logo.gif" align="left" width="200" height="70" />
                <iframe border="0" frameborder="0" height="60" width="468" name="I1" scrolling="no" 
                src="http://www.promobenef.com/cgi-bin/img.cgi?ref=23567&mini_pub=0&js=0">
                <script type="text/javascript" src="http://www.promobenef.com/cgi-bin/img.cgi?ref=23567&mini_pub=0&js=1"></script></iframe>
            </p>
        </div>
    </div>
</div>

<div id="container">
    <div id="content">
        <div id="main">
<?php
include($_SERVER['HTTP_RACINE'] . '/forum/plugins/AMP_News_Generator/news.html');
?>
        </div>
    </div>
    <div id="left">    
        <div class="block">
            <h2><span>Menu</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>            
                    </p>
                </div>
            </div>
        </div>
        <div class="block">
            <h2 class="block2"><span>Les services</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>
                    </p>
                </div>
            </div>
        </div>
        <div class="block">
            <h2 class="block2"><span>Les fiches pratiques</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                        <strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br><strong><a href="http://pluriservices.net/programmetv.php">Programme Télé</a></strong><br>
                    </p>
                </div>
            </div>
        </div>
        <div class="block">
            <h2 class="block2"><span>Search</span></h2>
            <div class="box">
                <div class="inbox">
                    <p>
                    <!-- Search Google -->
                        <center>
                        <form method="get" action="http://www.google.com/custom" target="_top">
                        <a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a><br>

                        <input type="text" name="q" size="15" maxlength="255" value=""></input><p>
                        <input type="submit" name="sa" value="Search"></input>
                        <input type="hidden" name="client" value="pub-4854626252514244"></input>
                        <input type="hidden" name="forid" value="1"></input>
                        <input type="hidden" name="ie" value="ISO-8859-1"></input>
                        <input type="hidden" name="oe" value="ISO-8859-1"></input>
                        <input type="hidden" name="cof" value="GALT:#415720;GL:1;DIV:#336699;VLC:415720;AH:center;BGC:EEEEEE;LBGC:9AC55A;ALC:415720;LC:415720;T:000000;GFNT:415720;GIMP:415720;FORID:1;"></input>
                        <input type="hidden" name="hl" value="en"></input>
                        </form>

                        </center>
                    <!-- Search Google -->            
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="right">
    <div class="block">
        <h2><span>Discussions récentes</span></h2>
        <div class="box">
            <div class="inbox">
                <p>
                    <ul>
<?php
$ancien_get_action = $_GET['action'];
$ancien_get_show = $_GET['show'];
$_GET['action'] = 'active';
$_GET['show'] = 10;
include($_SERVER['HTTP_RACINE'] . '/forum/extern.php');
$_GET['action'] = $ancien_get_action;
$_GET['show'] = $ancien_get_show;
?>
                    </ul>
                </p>
            </div>
        </div>
    </div>
</div>

<div class="clearing"> </div>
<br />
<div id="brdfooter" class="block">
    <h2><span>Board footer</span></h2>
    <div class="box">
        <div class="inbox">
            <p class="conr">Powered by <a href="http://punbb.org/">PunBB</a> 1.2<br />© Copyright 2002?2005 Rickard Andersson</p>
            <div class="clearer"></div>
        </div>

    </div>
</div>

</div>
</div>

</body>
</html>

18

Re: problems with making a home page using punbb styles

It's better for the floating image.
But it is not good for column.
Look here http://www.pluriservices.net/test5.php

Ludo,

Re: problems with making a home page using punbb styles

use this for 3col then

#content {
    width: 100%;
    float: right;
    margin-left: -150px;
}
#container {
    width: 100%;
    float: left;
    margin-right: -200px;
}
#main {
    margin-left: 150px;
    margin-right: 200px;
}
#left {
    width: 140px;
    float: left;
}
#right {
    width: 190px;
    float: right;
}
.clearing {
    height: 0;
    clear: both;
}

20 (edited by Ludo 2005-04-12 20:50)

Re: problems with making a home page using punbb styles

it seems to work good now, with ie and with firefox. http://www.pluriservices.net/test5.php
I really thank you a lot Connorhd.
smile
It has just modified a little bit the header. Don't know why. See the difference between test4 and test5.

Ludo, cool