00:00
00:00
Newgrounds Background Image Theme

Hirimi just joined the crew!

We need you on the team, too.

Support Newgrounds and get tons of perks for just $2.99!

Create a Free Account and then..

Become a Supporter!

Site-wide Navbar in phpbb3

1,328 Views | 2 Replies
New Topic

Site-wide Navbar in phpbb3 2014-08-06 22:46:33


Alright, so my site's index.php contains an include to my header.html, which is styled by a separate CSS. I am using phpbb3 as my forum software and I am trying to include that same header file into my forum index to create a centralized horizontal navigation bar all around.

I don't want to use an iframe. I have tried copying the header contents to the forum's overall_header.html file, then added the same CSS to the theme's stylesheet, but the header became disfigured. I have tried to create a separate class for the css, but to no avail. So is there any way I can include an html from my site root and style it?

The first picture is my site index, the second picture is what I am trying to achieve.

Site-wide Navbar in phpbb3


NG UOTD 2/4/11 | I run a Minecraft server. | Con los terroristas

BBS Signature

Response to Site-wide Navbar in phpbb3 2014-08-06 22:47:39


Example of what I am trying to get my forum to look like.

Site-wide Navbar in phpbb3


NG UOTD 2/4/11 | I run a Minecraft server. | Con los terroristas

BBS Signature

Response to Site-wide Navbar in phpbb3 2014-08-07 17:14:07


At 8/7/14 09:36 AM, SwisherCovent wrote: Code? Link to the site? Example of what you've tried?

http://www.teh-non.com/

This is the include that the main page has for the header:

<?php
include "$_SERVER[DOCUMENT_ROOT]/includes/header.html";
?>

This is the header.html:

<div id="header">
<center>
<table class="header" width="927" border="0">
<tr>
<td><a href="http://www.teh-non.com/"><img src="/images/non_logo.png"></a></td>

<td valign="bottom">
<ul>
  <li><a href="http://www.teh-non.com/">Home</a></li>
  <li><a href="http://www.teh-non.com/bbs">Forums</a></li>
  <li><a href="http://www.teh-non.com/vidya">Stream</a></li>
  <li><a href="http://multitwitch.tv/grubxer0/parlux" target="new">Dual Stream</a></li>
  <li><a href="http://www.teh-non.com/minecraft">Minecraft</a></li>
</ul>
</td>
</tr>
</table>
</center>
</div>

The CSS:

#header ul li a:link, #header ul li a:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #000000;
    background-color: #9933FF;
    text-align: center;
    padding: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font: arial;
}

#header ul li a:hover, #header ul li a:active {
    background-color: #B870FF;
    text-decoration: none;
}

I've been trying to figure out a way to include [root]/includes/header.html to the overall_header using

<!-- INCLUDE overall_header.html -->

, but nothing even shows up.


NG UOTD 2/4/11 | I run a Minecraft server. | Con los terroristas

BBS Signature