1.

Solve : Help embedding forum into website?

Answer»

Hey guys,

I could really use some help, otherwise this could take me months 

I'm trying to embed a forum into a webpage so that the links to the other web pages remain at the top (instead of the forum taking over the ENTIRE page).

The forum I'm using is PHPBB and I read somewhere that I have to edit a file in the directory for the foums skin entitled 'overall_header.html'.

I did  this and I can now see the links, but they're just text and not KEEPING in style with the rest of my website at all so I'm presuming it has something to do with the CSS. doc as well?

This is the result I got when I used part of my websites code into the skins overall_header.html doc:



(You can see the links top left)

This is how I'd like it to look:



I've attached:

phpbb_header.txt ~ The original 'overall_header.html' file that comes with the PHPBB skin
phpbb_stylesheet.txt ~ The original style sheet for the PHPBB skin
website_header.txt ~ Contains the HTML code for the header I'd like to have
website_style.txt ~ Style sheet for the rest of my website

If you need any more information please let me KNOW...

I really appreciate your time!

Neljan

[attachment deleted by admin]All you have to do is add this line to between the and of "overall_header.html":
<link rel="stylesheet" href="<*full path to your main site's css file*>" type="text/css" charset="utf-8" />THANKS for your help 

I tried...



...and...

http://worldclanleague.com/style.css" type="text/css" charset="utf-8" />

...because I wasn't sure whether <> was needed or not

* The results were the same (no change).

There is already a line like that in the overall_header.html:



Dont know whether thats significant? Quote from: neljan on February 23, 2009, 11:47:45 PM

There is already a line like that in the overall_header.html:

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

Yes, that's the main forum CSS file.

Quote from: neljan on February 23, 2009, 11:47:45 PM
<link rel="stylesheet" href="http://worldclanleague.com/style.css" type="text/css" charset="utf-8" />

That's the right one.

Both the main forum and the site's CSS file should be there.Should be where???

So I should move the forum stylesheet to the same place as the sites stylesheet or the sites style sheet to the same place as the forums style sheet?Sorry about the confusion.

Your site's stylesheet (<link rel="stylesheet" href="http://worldclanleague.com/style.css" type="text/css" />) should be added between the and tags of the forum.

The other link you were talking about (<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />) should remain where it is.

Hope this answers your questions.Hi Kpac,

I think it must have something to do with my other problem (that you're also advising me on).

Something to do with my .css file not being ACCESSABLE?

If you'd be willing to look into it I'd be happy to give you access to my CP.I think this must have something to do with it.
I replied to the other topic.Thanks again for helping me with my other problem kpac, I now feel like I'm getting somewhere!

Right, so I'm back to trying to make my forum look like the rest of my site...

I thought I'd start fresh so I unistalled the PHPBB theme (Avalon) and reinstalled it, I then edited the 'overall_header.html' as instructed, inserting:

http://worldclanleague.com/style.css" type="text/css" charset="utf-8" />

...between

I've also added:

Code: [Select]<div id="nav" style="left: 223px; top: 0px; width: 665px; height: 120px;">
      <ul>
        <li><a href="index.html"><span>01</span> HOME</a></li>
        <li><a href="http://www.worldclanleague.com/forum"><span>02</span> FORUM</a></li>
        <li><a href="rules.html"><span>03</span> RULES</a></li>
        <li><a href="lineups.html"><span>04</span> LINE UPS</a></li>
        <li><a href="contact.html"><span>05</span> CONTACT</a></li>
      </ul>
    </div>

<p><img alt="logo" src="images/logosmall.jpg" width="213" height="89" /></p>
Between

Code: [Select]<body class="{S_CONTENT_DIRECTION}">
<div id="body">

..and

Code: [Select]<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
    <td class="row-left" valign="top"><img src="{T_THEME_PATH}/images/row_left_top.gif" width="4" height="100" alt="" /></td>
<td id="header" align="center" valign="top">
    <div id="logorow">
        <div id="logo-left"><div id="logo-right">
        <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
        </div></div>
    </div>

(etc)

Although I see some kind of recognision that I've added this code, for example in my hosts site html editor:



and in Sharepoint designer:



I see no change in the actual forum in the browser  (not even the results I had before where I could see the links)

And ideas?(sorry for double post)

I worked it out, I had to refresh the style in the ACP for the forum.

It doesn't look right but I'm getting somewhere One problem could be clashing classes in the stylesheets.

For example: the with the header you are trying to insert has an id of "nav". A problem occurs if the forum's stylesheet has a set style for an element with an id of "nav" - the browser doesn't know which one to use.


Discussion

No Comment Found

Related InterviewSolutions