How would I do this?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Anti-Spam Guide
Locked
Andy76
Registered User
Posts: 43
Joined: Tue Nov 06, 2007 4:43 pm

How would I do this?

Post by Andy76 » Fri Oct 24, 2008 12:16 pm

I have a template that I have been playing with, and what I would like to do is put the forum in the space you can see in the image.
Is it just a case of making the template the overall header? I have manage to do it to a fashion, but I cannot get the forum with right.
I am using prosilver special edition for the forum.

Image

Here is the template code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Free Website Templates</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div id="wrapper">
    <div id="wrapperi">
      <div id="wrapperj">
        <h1 id="header">&nbsp;</h1>

        <div id="left">
          <form action="?" method="get" id="search" name="search">
            &nbsp;</form>

          <ul id="nav">
            <li><a href="http://www.freewebsitetemplates.com">Home</a></li>

            <li><a href="http://www.freewebsitetemplates.com">Services</a></li>

            <li><a href="http://www.freewebsitetemplates.com">Products</a></li>

            <li><a href="http://www.freewebsitetemplates.com">Portfolio</a></li>

            <li><a href="http://www.freewebsitetemplates.com">Proposals</a></li>

            <li><a href="http://www.freewebsitetemplates.com">Contact</a></li>
          </ul>

          <div id="policies">
            <h2><img src="images/title_our_policies.gif" width="95"
            height="22" alt="our policies" /></h2>

            <ul>
              <li>This is demo text. It will be replaced.</li>

              <li>This is demo text. It will be replaced.</li>

              <li>This is demo text. It will be replaced.</li>

              <li>This is demo text. It will be replaced.</li>

              <li>This is demo text. It will be replaced.</li>

              <li>This is demo text. It will be replaced.</li>
            </ul>
          </div>
          
          <div id="callbox"><a href="http://www.freewebsitetemplates.com"><img src="images/call_box_left.gif" width="123" height="110" alt="call our helpline" /></a></div>

          <div class="clear"></div>

          <div id="news">
            <h2><img src="images/title_latest_news.gif" width="93" height="22" alt="latest news" /></h2>

            <h3>July 12, 2005</h3>

            <p>This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original.</p>

            <h3>July 12, 2005</h3>

            <p>This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original.</p>

            <h3>July 12, 2005</h3>

            <p>This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original. This is demo text. It will be replaced by the
            original.</p>

            <p class="readmore"><a href="http://www.freewebsitetemplates.com" class="green">Read More</a></p>
          </div>
        </div>

        <div id="right" style="width: 665px; height: 473px">


            <div class="clear"></div>
          </div>
        </div>

        <div class="clear"></div>

        <div id="footer"><div id="footeri">
		
          <span class="copyright"><!-- Do not remove read http://www.freewebsitetemplates.com/termsofuse/ -->Powered by <a href="http://www.freewebsitetemplates.com">Free Website Templates</a></span> 
          <a href="http://www.freewebsitetemplates.com">Home</a> &nbsp; <a href="http://www.freewebsitetemplates.com">Services</a> &nbsp;
          <a href="http://www.freewebsitetemplates.com">Products</a> &nbsp; <a href="http://www.freewebsitetemplates.com">Portfolio</a> &nbsp;
          <a href="http://www.freewebsitetemplates.com">Proposals</a> &nbsp; <a href="http://www.freewebsitetemplates.com">Contact</a> &nbsp;
        </div></div>
      </div>
    </div>
  </div>
</body>
</html>
Thanks in advance :)

User avatar
topdown
Registered User
Posts: 635
Joined: Wed Sep 19, 2007 5:16 pm
Location: NE Wisconsin
Name: Jeff Behnke
Contact:

Re: How would I do this?

Post by topdown » Fri Oct 24, 2008 5:11 pm

You want just the forum itself in that area?
Your page would have to be part of the forum for it to work, other wise you would need to use frames, and that is a bad what to do it.

Also note that you are degrading the site with your currant head

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Prosilver styles are XHTML strict not transitional. It will not effect the page at all, theres just no point in downgrading the doc type if you don't have to.

Andy76
Registered User
Posts: 43
Joined: Tue Nov 06, 2007 4:43 pm

Re: How would I do this?

Post by Andy76 » Fri Oct 24, 2008 5:42 pm

Thanks for the reply topdown.
Yes I just want the forum in that white box area.
I know this sounds stupid, but what do you mean by "degrading"?
And I never thought of adding a frame, would this cause problems?
Is it a lot more than just dropping the overall header code into that section marked in the above image?
Thanks in advance.

Andy76
Registered User
Posts: 43
Joined: Tue Nov 06, 2007 4:43 pm

Re: How would I do this?

Post by Andy76 » Sat Oct 25, 2008 1:17 pm

Well after hours of trying, and endless cups of tea, I am still having problems!
If I make the image above the overallheader.html, and then the white space where I want the forum to be, the index_body.html, what part of the code from the overallheader.html do I need to make it all work?
I have adjusted the forum width in the css, but it is still loading up all wrong?
Is this something that is a difficult thing to do, bearing in mind I am not a professional web designer!!

User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk
Contact:

Re: How would I do this?

Post by Raimon » Sat Nov 01, 2008 8:10 pm

Andy76 wrote:I know this sounds stupid, but what do you mean by "degrading"?
Transitional is original created when you want to use tags ( <center> , align ) instead of css ( stylesheet ) codes.
And strict is used for a clean code with a lot of css ( stylesheet ) codes.
And I never thought of adding a frame, would this cause problems?
Is it a lot more than just dropping the overall header code into that section marked in the above image?
Thanks in advance.
I-frame is not save, and it can give you cookie issues.
Andy76 wrote:Well after hours of trying, and endless cups of tea, I am still having problems!
If I make the image above the overallheader.html, and then the white space where I want the forum to be, the index_body.html, what part of the code from the overallheader.html do I need to make it all work?
I have adjusted the forum width in the css, but it is still loading up all wrong?
Is this something that is a difficult thing to do, bearing in mind I am not a professional web designer!!
Can you post you style.css please ?
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me for fair prices and good service!

Locked

Return to “[3.0.x] Styles Support & Discussion”

cron