Welcome guest. Before posting on our computer help forum, you must register. Click here it's easy and free.

« previous next »
Pages: [1]   Go Down

Author Topic: Help embedding forum into website  (Read 4544 times)

0 Members and 1 Guest are viewing this topic.

neljan

    Topic Starter


    Adviser

    Thanked: 1
    • Yes
  • Experience: Familiar
  • OS: Windows XP
Help embedding forum into website
« on: February 23, 2009, 01:37:14 AM »
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]
Logged

kpac

  • Web moderator
  • Moderator


    • Hacker

  • kpac®
    • Thanked: 184
    • Yes
    • Yes
    • Yes
  • Certifications: List
  • Computer: Specs
  • Experience: Expert
  • OS: Windows 7
Re: Help embedding forum into website
« Reply #1 on: February 23, 2009, 09:51:19 AM »
All you have to do is add this line to between the <head> and </head> of "overall_header.html":
<link rel="stylesheet" href="<*full path to your main site's css file*>" type="text/css" charset="utf-8" />
Logged

neljan

    Topic Starter


    Adviser

    Thanked: 1
    • Yes
  • Experience: Familiar
  • OS: Windows XP
Re: Help embedding forum into website
« Reply #2 on: February 23, 2009, 11:47:45 PM »
Thanks for your help  :-*

I tried...

<link rel="stylesheet" href="<http://worldclanleague.com/style.css>" type="text/css" charset="utf-8" />

...and...

<link rel="stylesheet" href="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:

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

Dont know whether thats significant?
Logged

kpac

  • Web moderator
  • Moderator


    • Hacker

  • kpac®
    • Thanked: 184
    • Yes
    • Yes
    • Yes
  • Certifications: List
  • Computer: Specs
  • Experience: Expert
  • OS: Windows 7
Re: Help embedding forum into website
« Reply #3 on: February 24, 2009, 11:23:41 AM »
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.
Logged

neljan

    Topic Starter


    Adviser

    Thanked: 1
    • Yes
  • Experience: Familiar
  • OS: Windows XP
Re: Help embedding forum into website
« Reply #4 on: February 26, 2009, 06:04:55 AM »
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?
Logged

kpac

  • Web moderator
  • Moderator


    • Hacker

  • kpac®
    • Thanked: 184
    • Yes
    • Yes
    • Yes
  • Certifications: List
  • Computer: Specs
  • Experience: Expert
  • OS: Windows 7
Re: Help embedding forum into website
« Reply #5 on: February 26, 2009, 09:35:30 AM »
Sorry about the confusion. ;D

Your site's stylesheet (<link rel="stylesheet" href="http://worldclanleague.com/style.css" type="text/css" />) should be added between the <head> and </head> 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.
Logged

neljan

    Topic Starter


    Adviser

    Thanked: 1
    • Yes
  • Experience: Familiar
  • OS: Windows XP
Re: Help embedding forum into website
« Reply #6 on: March 03, 2009, 07:06:39 AM »
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.
Logged

kpac

  • Web moderator
  • Moderator


    • Hacker

  • kpac®
    • Thanked: 184
    • Yes
    • Yes
    • Yes
  • Certifications: List
  • Computer: Specs
  • Experience: Expert
  • OS: Windows 7
Re: Help embedding forum into website
« Reply #7 on: March 03, 2009, 09:46:21 AM »
I think this must have something to do with it.
I replied to the other topic.
Logged

neljan

    Topic Starter


    Adviser

    Thanked: 1
    • Yes
  • Experience: Familiar
  • OS: Windows XP
Re: Help embedding forum into website
« Reply #8 on: March 05, 2009, 07:19:12 PM »
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:

<link rel="stylesheet" href="http://worldclanleague.com/style.css" type="text/css" charset="utf-8" />

...between <head> </head>

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?
Logged

neljan

    Topic Starter


    Adviser

    Thanked: 1
    • Yes
  • Experience: Familiar
  • OS: Windows XP
Re: Help embedding forum into website
« Reply #9 on: March 05, 2009, 07:51:47 PM »
(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 :)
Logged

kpac

  • Web moderator
  • Moderator


    • Hacker

  • kpac®
    • Thanked: 184
    • Yes
    • Yes
    • Yes
  • Certifications: List
  • Computer: Specs
  • Experience: Expert
  • OS: Windows 7
Re: Help embedding forum into website
« Reply #10 on: March 06, 2009, 03:52:44 AM »
One problem could be clashing classes in the stylesheets.

For example: the <div> 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.
Logged
Pages: [1]   Go Up
« previous next »