[SMF 1.1.x] Integrating the forum into your site using SMF\'s layer system

[j3cubcapt]

Thanks to Daniel15 and everyone else for the great info here. I do have one question before I try this though.

Does the MySQL query only update the DB for the new created theme? I would like to know if I can switch between the current themes I have installed even after running this query. Sorry for such a stupid question, but I'm really not knowedgable of this...

-------------------------------------------------------------------------------------------------------------

"Database Modifications
There's one very vital thing we need to do now. We've added a new layer, but SMF doesn't yet know about this. So, if you go to your forum, it would look really bad (no header or footer). To tell SMF about the layers, we need to run a MySQL query in phpMyAdmin (if you don't know what phpMyAdmin is, take a look at the What is phpMyAdmin? topic). Open phpMyAdmin, go to the SQL tab, and enter this in:
Code: [Select]
REPLACE INTO smf_themes
   (ID_THEME, variable, value)
VALUES (4, 'theme_layers', 'site,main');
This tells SMF that you want to use two layers: site, and then main. Replace smf_ with your database prefix (smf_ by default), and 4 with the theme's ID number (you found this when adding the theme - If you don't remember it, go to the admin panel, go to Themes and Layout --> Themes and Settings, click on the name of the theme, and look for the th= in the URL [eg. th=4]. This is the ID)."

[Lo0kBeHiNdU]

and look for the th= in the URL [eg. th=4]. This is the ID).

Each theme has it own ID. so if the theme you want to place the layer has and ID of "5" then place "5" in the query.

[j3cubcapt]

Lo0kBeHiNdU, thanks for the reply!

OK, so I understand that this MySQL query only effects the theme that we are going to change correct? I just want to make sure that the query will not effect the other unmodified themes.

Thanks
Will

[mattschwarz]

Hey guys,

Maybe someone can tell me what I'm doing wrong. I got it working pretty well. If you look at my page in Firefox you can see the top of the forum is inside the page style just fine, but the rest is outside the content area (at least in Firefox, it works in IE). However in IE, where it is all inside the container, it's width is messed up, and the image bar is offset.

Here's the site: hxxp:growinggreenfarm.com/forums [nonactive]

This is what my header.php look like:

Code Select Expand

<table cellpadding="0" cellspacing="0" id="main_table" align="center">
  <tr>
    <td id="main_bg_t">
<div id="main_bg_b">
<table cellspacing="0" cellpadding="0">
  <tr>
    <td id="header_top">
<div class="td column">
<div><a href="http://growinggreenfarm.com/index.html"><img src="http://growinggreenfarm.com/images/logo.jpg" alt=""></a></div>
</div>
<div class="td_1 column">
<div><img src="http://growinggreenfarm.com/images/home.gif" alt=""><a href="http://growinggreenfarm.com/index.html">Home</a><a href="http://growinggreenfarm.com/blog">Blog</a></div>
</div>
</td>
  </tr>
  <tr>
    <td id="header"><img src="http://growinggreenfarm.com/images/bg_head.jpg" width="691" height="284" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td id="content">
     <table cellpadding="0" cellspacing="0" class="table_bg">
       <tr>
          <td class="tdd"><p></p>

And here's my footer.php:

Code Select Expand

     </td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td id="footer">Growing Green Farm &copy; 2008,  <a href="http://growinggreenfarm.com/index-7.html">Search</a></td>
  </tr>
</table>
     </div>
</td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="23,247,140,281" href="/index-1.html">
<area shape="rect" coords="141,248,232,280" href="/index-2.html">
<area shape="rect" coords="233,247,335,281" href="/index-3.html">
<area shape="rect" coords="335,247,451,280" href="/index-4.html">
<area shape="rect" coords="451,248,550,280" href="/index-5.html">
<area shape="rect" coords="550,248,666,280" href="/index-6.html">
</map>

Thanks!
matt

[mattschwarz]

bump

anything guys? this is for a client, I don't know where else to get better answers then you guys!

[Xaneth]

I've used this guide to integrate my forum into my site successfully, but I've since upgraded from 1.1.x to 2.x, and I'm having trouble even starting from scratch.  The header.php and footer.php are not displaying.  Is there a newer guide for 2.x?  Or a way to update my 1.1.x theme to a 2.x theme?

[Xaneth]

Actually, now that I recall, I didn't use layers, I used the method found here:

http://www.simplemachines.org/community/index.php?topic=19638.0

I know that I've read that 2.x uses a different layer system than 'main', rather, 'html,body', but I'm not seeing any kind of documentation, or finding any threads on how to accomplish site integration with 2.x?

[Xaneth]

Not sure why I was having trouble, but got it sorted out using the method at:

http://www.simplemachines.org/community/index.php?topic=19638.0

Works great for fully integrating the forum into your website.  Pretty sure it was because I was using Firefox at home without the web developer tools, which disable cached settings like I have on my other computer

[happyfeet]

First off, I found this tutorial to be very informational as I am just learning how to hack up SMF

This is probably the closest thread I have found for what I want to do, but I would like to achieve the opposite. I have SMF 1.1.7 + TP 0.98 and EQDKP for a Lotro kinship website. As stated in this tutorial, I would like to take the main_above and main_below areas for header and footer, and use them for my EQDKP board. So, the end goal would be to "nest" the EQDKP board into SMF.

I currently use an <iframe> tag to do this today, but I have found that the url links navigate outside of the <iframe>. For example, if I go to the TP article where the <iframe> is listed, the page displays fine. However, if I dive deeper into EQDKP, the pages display correctly, but any navigation urls take the user out of the <iframe> and back to the parent EQDKP site.

My goal was to use the header and footer of SMF and then when the url navigation to the home page of EQDKP are selected, the page still displays as nested in SMF.

Any ideas on how to accomplish this? Is there a better way?

Thanks in advance.

[drumsage]

How do you use SMF Layers with Joomla?

A lot of people are asking for assistance with this, as am I, but to date I've found no one actually answering the question.

The question is how to slice up the Joomla code to place it in the header and footer files, as well as pulling over the CSS from Joomla.

I'm running Joomla and SMF on separate databases. I don't want to wrap the site using the Joomla wrapper (ie. <iframe>), and I'm not wanting to bridge Joomla and SMF, which I've done in the past. I want to keep the users in SMF and Joomla separate ... so using layers would be the best solution ... if I can get it to work.

[Lo0kBeHiNdU]

It works perfectly...

Except one thing...The header and footer don't show when  a user is guest..

Is this because guests don't have theme options?
And if yes i want the header  & footer to show to them.

[SNAFU0185]

has someone got and updated version of this for SMF 2.0 Beta or know where to find one ?

[SilentMoon]

I have done this with a new board (1.1.7) , with the split  index.template.php provided at the beginning of this thread. I am setting up the board on a friends site so she can add articles without needing me to make new pages for each of them. I am new to php and smf.

Can someone tell me what the differences are between the 1.1.1 template and the 1.1.5 that is in the default theme? I couldn't find a change log that listed visual changes or options in the newer version of index.template.php or are there none visible? Has anyone split 1.1.5 as in this thread?

[Audiobreeze]

Great Job with this tutorial Daniel. I followed this guide with little knowledge on much of this seamlessly. I had a great deal of trouble displaying my website's header and footer properly, but this was a user error on my part. If anyone else is having a problem displaying the header/footer and is receiving an error such as: Fatal error: Call to undefined function bloginfo() in /home/press/public_html/forum/header.php on line 4, take a look at my thread where I solved my issue. http://www.simplemachines.org/community/index.php?topic=286616.0

Thanks for the guide. Btw, I followed the 'Cooler Way guide'.

[caio0800]

    
I could not do with the social engine
I could edit the tabs ect but I can not insert the header or footer for any help
I attach the mod to the forum edited

[fangweile]

How do i include the users avatar and this text

Hello user

Show unread posts since last visit.
Show new replies to your posts.
March 20, 2009, 10:29:53 PM

next to the menu.

Any idea

Thanks in advance

[jokesa157]

im on step one  website template. here is my code for my free site where do you think i start to separate  for header and footer?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<!--
/*
* Copyright 2009 ClanTemplates.com
* protek is a free template by Agressions and Wex at ClanTemplates.com
* No part of this file may be redistributed without written permission
* Design by Agressions - http://agressions.com
* Coded by Wex - http://esportsaid.com
*/
-->

<head>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
   <meta name="author" content="ClanTemplates" />
   <meta name="keywords" content="Clan" />
   <meta name="description" content="Enter a description about your clan here" />
   <meta name="robots" content="all" />
   <title>Protek e-sports- A ClanTemplates.com free default template</title>

   <style type="text/css" title="currentStyle" media="screen">
       @import "style/stylesheet.css";
   </style>
   <script type="text/javascript"><!--//--><![CDATA[//><!--
   /* sfHover Function */
      hover = function() {
         var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
         for (var i=0; i<sfEls.length; i++) {
            sfEls.onmouseover=function() {
               this.className+=" hover";
            }
            sfEls.onmouseout=function() {
               this.className=this.className.replace(new RegExp(" hover\\b"), "");
            }
         }
      }
      if (window.attachEvent) window.attachEvent("onload", hover);
   //--><!]]></script>
   <!--link rel="Shortcut Icon" type="image/x-icon" href="images/favicon.ico" /-->   
</head>
<body>

<div id="container">

   <div id="page-header">
      <div class="headerbar">
         <form method="post" action="">
            <fieldset id="forumlogin">
               <legend><span>Forum Login</span></legend>
               <label for="login">Login</label>
                  <input type="text" name="login" id="login" class="loginbox" value="username" />
               <label for="password">Password</label>
                  <input type="password" name="password" id="password" class="loginbox" value="password" />
               <input type="submit" value="Login" id="submit-login" title="login"/>
               <a href="#" class="register" title="Register">Register</a>
               <a href="#" class="help" title="Help">Help</a>
            </fieldset>
         </form>
      </div>
   </div>
   
   <div id="wrapper">
      <div id="banner">
         <span class="corners-top"><span></span></span>
         <h1 id="logo"><a href="#" title="Protek e-sports">Protek</a></h1>
         <span class="corners-bottom"><span></span></span>
      </div>
      <ul id="navigation">
         <li class="btn-homepage"><a href="#" title="Homepage">Homepage</a></li>
         <li class="btn-clannavigation">
            <a href="#" title="Clan Navigation">Clan Navigation</a>
            <ul class="dropdown">
               <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
               <li><a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a></li>
               <li><a href="#" title="Crysis Downloads">Crysis Downloads</a></li>
               <li><a href="#" title="Developer Site">Developer Site</a></li>
            </ul>            
         </li>
         <li class="btn-communitynavigation">
            <a href="#" title="Community Navigation">Community Navigation</a>
            <ul class="dropdown">
               <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
               <li><a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a></li>
               <li>
                  <a href="#" title="Crysis Downloads">Crysis Downloads</a>
                  <ul class="horizontal-dropdown">
                     <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
                     <li>
                        <a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a>
                        <ul class="horizontal-dropdown">
                           <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
                           <li><a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a></li>
                           <li><a href="#" title="Crysis Downloads">Crysis Downloads</a></li>
                           <li><a href="#" title="Developer Site">Developer Site</a></li>
                        </ul>
                     </li>
                     <li><a href="#" title="Crysis Downloads">Crysis Downloads</a></li>
                     <li><a href="#" title="Developer Site">Developer Site</a></li>
                  </ul>
               </li>
               <li><a href="#" title="Developer Site">Developer Site</a></li>
            </ul>
         </li>
         <li class="btn-community"><a href="#" title="Community">Community</a></li>
         <li class="btn-infotainment"><a href="#" title="Infotainment">Infotainment</a></li>
         <li class="btn-sponsors"><a href="#" title="Sponsors">Sponsors</a></li>
         <li class="btn-contact"><a href="#" title="Contact">Contact</a></li>
      </ul>
      <div id="main">
         <div id="content">
         <div class="article">
               <h4 class="headline"><a href="blank/tutorial/index.html" title="Tutorial Included for Blank Images">Tutorial Included for Blank Images</a></h4>
               <span class="author">posted by <a href="http://forums.clantemplates.com/member.php?u=233310" title="View User Profile">Wex</a></span>
               <span class="postdate" title="May 28, 2009">May <em>28</em></span>
               <img src="blank/tutorial/images/step1.gif" class="story-image" alt="Call of Duty 2" />         
               <div class="story">
                  <p>If you would like to change the navigation, the sidebar block titles, the banner, or the logo, you can now find out how by going into the <strong>Blank</strong> folder provided, and then opening the <em>index.html</em> file in the inner <strong>Tutorial</strong> folder.</p>
                  <p><a href="blank/tutorial/index.html" title="Read the Tutorial">Click here to read the tutorial.</p>
               </div>
               <ul class="more">
                  <li class="first"><a href="blank/tutorial/index.html" title="Read the full article">read full article</a></li>
               </ul>
            </div>
            <div class="article">
               <h4 class="headline"><a href="http://www.clantemplates.com/" title="Introduction">Introduction</a></h4>
               <span class="author">posted by <a href="http://www.clantemplates.com/" title="Visit ClanTemplates">ClanTemplates</a></span>
               <span class="postdate" title="May 1, 2009">May <em>1</em></span>
               <img src="images/articles/story_image.jpg" class="story-image" alt="Call of Duty 2" />         
               <div class="story">
                  <p>Thank you for downloading this free template release from <a href="http://www.clantemplates.com/" title="Free Clan Gaming Templates">ClanTemplates</a> if you have any questions, these paragraphs should address them or point you to where they can be addressed.</p>
                  
                  <p>There are a few terms-of-use rules you need to follow if you want to use this or any ClanTemplates template but they are simple to follow. The first is that you <strong>must</strong> keep a link back to ClanTemplates either using a Lead Sponsor image or an affiliate link (depending on your template). This must be a hyperlink and must include the ClanTemplates 'C' logo. The second is that you <strong>must</strong> include any copyright footer in the template that tells you who designed and coded the template. This image (and/or text) should also link to ClanTemplates and must not be edited.</p>
                  
                  <p>If you wish to add your own sponsors you are permitted to remove the designer and coder sponsors.</p>
                  
                  <h2>Editing your template</h2>
                  
                  <p>All templates released at Clantemplates are coded in <acronym title="HyperText Markup Language">html</acronym>/<acronym title="eXtensible HyperText Markup Language">xhtml</acronym> &amp; <acronym title="Cascading StyleSheets">css</acronym> so that even the most inexperienced individual can understand and edit the template. If you have either Frontpage or Dreamweaver at your disposal these would be recommended for you to easily edit and manage the code of your new website template. Below are 3 video tutorials that explain different aspects of how to use a template downloaded from Clantemplates.
                  
                  <ul>
                     <li><a href="http://www.clantemplates.com/video/How_to_DL_and_Edit/How_to_DL_and_Edit.html" title="Video tutorial on editing your template">How to Download &amp; Edit Your Template</a></li>
                     <li><a href="http://www.clantemplates.com/video/CT_How_to_Make_a_New_Page/CT_How_to_Make_a_New_Page.html" title="Video tutorial on editing your template">How to make a new page for the template</a></li>
                     <li><a href="http://www.clantemplates.com/video/CT_How_to_Upload/CT_How_to_Upload.html" title="Video tutorial on editing your template">How to upload your template to a server</a></li>
                  </ul>
                  
                  <p>All templates released at Clantemplates should include blank banner images for you to add your own clan's name to in order to personalize the template. Such images are generally included in the images folder which was in the zip file you downloaded and are normally denoted by the word <kbd>blank</kbd> in the filename. They may also be in a seperate folder called <kbd>blank</kbd>. Other blank images for various parts of a template, may be included in the folder, depending on the template you've downloaded. If there are no suitable blank images please ask in the <a href="http://forums.clantemplates.com/forumdisplay.php?f=9" title="Help Booth">Help Booth</a>.</p>
                  
                  
                  <h2>Troubleshooting</h2>
                  
                  <p>Here are some common errors taken when uploading your template:</p>
                  
                  <h3>It's all messed up - no images or colours are shown!</h3>
                  <p>Make sure you upload EVERYTHING in your download folder. This includes the images and any .css or .js files.</p>
                  
                  <h3>None of the images are shown!</h3>
                  <p>Have you uploaded all your images in the "images" folder they were in? Don't rename the folder, and make sure all images are in that folder exactly as they are on your PC.</p>
                  
                  
                  <h2>Getting Help</h2>
                  
                  <p>Any questions that the video tutorials just didn't cover? Well the best place to get the kind of answers you need is to use that template you've downloaded is to submit your question for the Support Staff in the Clantemplates <a href="http://forums.clantemplates.com/forumdisplay.php?f=9" title="Help Booth">Help Booth</a>. Make sure you include the <em>name</em> of the template you downloaded and the <em>category (game)</em> it was in. If things aren't displaying correctly include the <em>name of the web browser</em> you're using (e.g. Internet Explorer 8, Firefox 3). Any question you may have regarding a template they will be able to answer for you.</p>
                  

               </div>
               <ul class="more">
                  <li class="first"><a href="#" title="Read the full article">read full article</a></li>
                  <li><a href="#" title="View comments">comments (<strong>1337</strong>)</a></li>
                  <li><a href="#" title="Add a comment">write comment</a></li>
               </ul>
            </div>
            <div class="article">
               <h4 class="headline"><a href="http://www.clantemplates.com/" title="Protek Template Released!">Protek Template Released!</a></h4>
               <span class="author">posted by <a href="http://www.clantemplates.com/" title="Visit ClanTemplates">ClanTemplates</a></span>
               <span class="postdate" title="May 1, 2009">May <em>1</em></span>
               <img src="images/articles/story_image.jpg" class="story-image" alt="Call of Duty 2" />         
               <div class="story">
                  <p>Protek, a <a href="http://www.clantemplates.com/free_templates/1/21" title="View other default gaming templates">default gaming template</a>, was released today at <a href="http://www.clantemplates.com/" title="Visit ClanTemplates">ClanTemplates</a>. The template, designed by <a href="http://forums.clantemplates.com/member.php?u=16196" title="View Agressions profile">Agressions</a> and coded by <a href="http://forums.clantemplates.com/member.php?u=233310" title="View Wexy's profile">Wexy</a>, is rumered to become the most popular template on ClanTemplates. This free template is coded to the highest web standards, and includes many features for its users, including:</p>
                  <ul>
                     <li><strong>W3C Valid XHTML 1.0 Strict Table-less CSS markup under SEO Semantic Coding</strong>
                        <ul>
                           <li>Commented code is easy to edit and modify, or to integrate into a CMS</li>
                           <li>Loads quickly</li>
                           <li>Small page size</li>
                           <li>Cross Browser compatibility for all major browsers (IE6+, Firefox, Opera and Safari)</li>
                        </ul>
                     </li>
                     <li><strong>CSS and Javascript rollovers</strong>
                        <ul>
                           <li>Customizable roster</li>
                           <li>Dropdown Menus with up to three levels</li>
                        </ul>
                     </li>
                  </ul>
                  <p class="center"><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p>
               </div>
               <ul class="more">
                  <li class="first"><a href="#" title="Read the full article">read full article</a></li>
                  <li><a href="#" title="View comments">comments (<strong>1337</strong>)</a></li>
                  <li><a href="#" title="Add a comment">write comment</a></li>
               </ul>
            </div>
            <div class="article">
               <h4 class="headline"><a href="#" title="Call of Duty 2 team reincarnated">Call of Duty 2 team reincarnated</a></h4>
               <span class="author">posted by <a href="#" title="View User Profile">Agressions!</a></span>
               <span class="postdate" title="April 1, 2009">April <em>01</em></span>
               <img src="images/articles/story_image.jpg" class="story-image" alt="Call of Duty 2" />         
               <div class="story">
                  <p><strong>Lorem</strong> ipsum dolor sit amet, consectetuer adipiscing elit. Etiam suscipit metus sit amet mauris. Aenean diam augue, volutpat et, tempus ac, ultrices non, quam. Vestibulum nec urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec neque lectus, blandit eu, molestie eget, sollicitudin et, velit. <a href="#" title="This is a link">Proin posuere orci eu libero.</a> Suspendisse accumsan, est ut venenatis posuere, magna sapien mollis arcu, sodales tristique lorem diam id purus. Etiam sollicitudin diam vitae nisi. Cras nisl erat, egestas nec, ultricies non, luctus et, nulla. <em>&ldquo;Morbi lectus justo, porttitor non, tempus a, vulputate at, quam. Duis ac lectus. Duis suscipit imperdiet ante&rdquo;</em>.</p>
                  <p>Sed lobortis, diam vehicula gravida cursus, turpis erat commodo purus, vitae luctus nisi urna quis velit. Quisque faucibus. Aenean hendrerit mi facilisis orci. Etiam augue pede, viverra sed, mollis ut, porta non, eros. Ut leo lorem, consectetuer non, lobortis eget, nonummy at, dolor. Vestibulum enim massa, ultrices consequat, fermentum cursus, gravida sed, purus. In hac habitasse platea dictumst. Curabitur sit amet sapien in sapien varius lobortis. Integer sit amet lorem. Integer vitae erat commodo felis laoreet feugiat.</p>
               </div>
               <ul class="more">
                  <li class="first"><a href="#" title="Read the full article">read full article</a></li>
                  <li><a href="#" title="View comments">comments (<strong>1337</strong>)</a></li>
                  <li><a href="#" title="Add a comment">write comment</a></li>
               </ul>
            </div>
            <div class="article">
               <h4 class="headline"><a href="#" title="Call of Duty 2 team reincarnated">Call of Duty 2 team reincarnated</a></h4>
               <span class="author">posted by <a href="#" title="View User Profile">Agressions!</a></span>
               <span class="postdate" title="April 1, 2009">April <em>01</em></span>
               <img src="images/articles/story_image.jpg" class="story-image" alt="Call of Duty 2" />         
               <div class="story">
                  <p><strong>Lorem</strong> ipsum dolor sit amet, consectetuer adipiscing elit. Etiam suscipit metus sit amet mauris. Aenean diam augue, volutpat et, tempus ac, ultrices non, quam. Vestibulum nec urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec neque lectus, blandit eu, molestie eget, sollicitudin et, velit. <a href="#" title="This is a link">Proin posuere orci eu libero.</a> Suspendisse accumsan, est ut venenatis posuere, magna sapien mollis arcu, sodales tristique lorem diam id purus. Etiam sollicitudin diam vitae nisi. Cras nisl erat, egestas nec, ultricies non, luctus et, nulla. <em>&ldquo;Morbi lectus justo, porttitor non, tempus a, vulputate at, quam. Duis ac lectus. Duis suscipit imperdiet ante&rdquo;</em>.</p>
                  <p>Sed lobortis, diam vehicula gravida cursus, turpis erat commodo purus, vitae luctus nisi urna quis velit. Quisque faucibus. Aenean hendrerit mi facilisis orci. Etiam augue pede, viverra sed, mollis ut, porta non, eros. Ut leo lorem, consectetuer non, lobortis eget, nonummy at, dolor. Vestibulum enim massa, ultrices consequat, fermentum cursus, gravida sed, purus. In hac habitasse platea dictumst. Curabitur sit amet sapien in sapien varius lobortis. Integer sit amet lorem. Integer vitae erat commodo felis laoreet feugiat.</p>
               </div>
               <ul class="more">
                  <li class="first"><a href="#" title="Read the full article">read full article</a></li>
                  <li><a href="#" title="View comments">comments (<strong>1337</strong>)</a></li>
                  <li><a href="#" title="Add a comment">write comment</a></li>
               </ul>
            </div>
         </div>
         <div id="left-sidebar">
            <div class="block clan-roster">
               <h3 class="block-title"><span>Clan Roster</span></h3>
               <ul class="roster">
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
                  <li><a href="#" title="Username" onmouseover="ctRoster('protek', 'Agressions');" onmouseout="ctRosterClean();"><img src="images/users/user.jpg" alt="Username" /></a></li>
               </ul>
               <div id="user-name"><span id="namebox">Hover over a member</span></div>
            </div>
            <div class="block recent-threads">
               <h3 class="block-title"><span>Recent Forum Threads</span></h3>
               <ul class="list-threads">
                  <li><a href="#" title="View Latest Post"><strong>New template by Agressions</strong><em>Category: Website news</em></a></li>
                  <li><a href="#" title="View Latest Post"><strong>New template by Agressions</strong><em>Category: Website news</em></a></li>
                  <li><a href="#" title="View Latest Post"><strong>New template by Agressions</strong><em>Category: Website news</em></a></li>
                  <li><a href="#" title="View Latest Post"><strong>New template by Agressions</strong><em>Category: Website news</em></a></li>
                  <li><a href="#" title="View Latest Post"><strong>New template by Agressions</strong><em>Category: Website news</em></a></li>
               </ul>
               <div class="showallnews"><a href="#" title="View all news">Show me all news</a></div>
            </div>
            <div class="block recent-matches">
               <h3 class="block-title"><span>Recent Matches</span></h3>
               <ul class="list-matches">
                  <li class="loss game-cod2"><a href="#" class="game-thumb" title="View this match"><span><strong>~protek. vs 'Immortal.</strong> <dfn>Loss</dfn> <em>09-31 (Dawnville/Burgundy)</em></span></a></li>
                  <li class="win game-cod4"><a href="#" class="game-thumb" title="View this match"><span><strong>~protek. vs dignitas</strong> <dfn>Win</dfn> <em>22-18 (Crash/Crossfire)</em></span></a></li>
                  <li class="loss game-cod2"><a href="#" class="game-thumb" title="View this match"><span><strong>~protek. vs pandemic</strong> <dfn>Loss</dfn> <em>17-23 (Toujane/Burgundy)</em></span></a></li>
                  <li class="loss game-crysis"><a href="#" class="game-thumb" title="View this match"><span><strong>~protek. vs 'Immortal.</strong> <dfn>Loss</dfn> <em>09-31 (Outpost/Coast) T.I.A.</em></span></a></li>
                  <li class="win game-cod4"><a href="#" class="game-thumb" title="View this match"><span><strong>~protek. vs complexity</strong> <dfn>Win</dfn> <em>30-10 (Crash/Backlot)</em></span></a></li>
               </ul>
               <div class="showallmatches"><a href="#" title="View all matches">Show me all matches</a></div>
            </div>
         </div>
         <div id="right-sidebar">
            <div class="block head-sponsor">
               <h3 class="block-title"><span>Head Sponsor</span></h3>
               <div class="sponsor-image"><a href="#" title="ClanTemplates.com"><img src="images/sponsors/clantemplates.png" alt="ClanTemplates.com" /></a></div>
            </div>
            <div class="block main-sponsors">
               <h3 class="block-title"><span>Main Sponsors</span></h3>
               <div class="sponsor-image"><a href="http://www.agressions.com/" title="Lets Browse"><img src="images/sponsors/letsbrowse.png" alt="Lets Browse" /></a></div>
               <div class="sponsor-image"><a href="http://www.esportsaid.com/" title="eSportsAid"><img src="images/sponsors/esportsaid.png" alt="eSportsAid" /></a></div>
               <div class="sponsor-image"><a href="#" title="Monster"><img src="images/sponsors/monster.png" alt="Monster" /></a></div>
               <div class="sponsor-image"><a href="#" title="X-Fire"><img src="images/sponsors/xfire.png" alt="X-Fire" /></a></div>
            </div>
            <div class="block weekly-poll">
               <h3 class="block-title"><span>Weekly Poll</span></h3>
               <div class="poll">
                  <p>What do you think about the new site?</p>
                  <form method="post" action="">
                     <fieldset class="poll-options">
                        <dl>
                           <dt><label for="vote_1">I absolutely love it!</label></dt>
                           <dd><input type="radio" name="vote_id[]" id="vote_1" value="1" /></dd>
                        </dl>
                        <dl>
                           <dt><label for="vote_2">Looks good!</label></dt>
                           <dd><input type="radio" name="vote_id[]" id="vote_2" value="2" /></dd>
                        </dl>
                        <dl>
                           <dt><label for="vote_3">Meh, not the best...</label></dt>
                           <dd><input type="radio" name="vote_id[]" id="vote_3" value="3" /></dd>
                        </dl>
                        <dl>
                           <dt><label for="vote_4">You could do a lot better.</label></dt>
                           <dd><input type="radio" name="vote_id[]" id="vote_4" value="4" /></dd>
                        </dl>
                        <dl>
                           <dt><label for="vote_5">No way, this is horrible!</label></dt>
                           <dd><input type="radio" name="vote_id[]" id="vote_5" value="5" /></dd>
                        </dl>
                     </fieldset>
                     <fieldset class="submit-buttons">
                        <input type="submit" class="entervote" value="Enter Vote" title="Enter Vote" /> <a href="#" class="viewresults" title="View Results">View Results</a>
                     </fieldset>
                  </form>
               </div>
            </div>
         </div>
         <div id="footer">
            <div class="copyright">
               <a href="http://www.agressions.com/" class="copyright-designed" title="Design by Agressions">Design by Agressions</a>
               <a href="http://www.esportsaid.com/" class="copyright-coding"  title="Coding by eSportsAid">Coding by eSportsAid</a>
               <a href="http://www.clantemplates.com/" class="copyright-ct"  title="ClanTemplates.com - Providing you free Clan Gaming Templates">ClanTemplates.com</a>
               <p>Copyright 2009 protek.gaming!</p>
               <p>&copy; All Rights Reserved</p>
            </div>
         </div>
      </div>
   </div>
   
</div>

<script type="text/javascript" src="scripts/iepngfix_tilebg.js"></script>
<script type="text/javascript" src="scripts/roster.js"></script>

</body>
</html>

[jokesa157]

Any one please help!!!!

[jokesa157]

is there any one out there ............... helllooooooo

[jokesa157]

I got every thing separated here is my header:


<div id="container">

   <div id="page-header">
      <div class="headerbar">
         <form method="post" action="">
            <fieldset id="forumlogin">
               <legend><span>Forum Login</span></legend>
               <label for="login">Login</label>
                  <input type="text" name="login" id="login" class="loginbox" value="username" />
               <label for="password">Password</label>
                  <input type="password" name="password" id="password" class="loginbox" value="password" />
               <input type="submit" value="Login" id="submit-login" title="login"/>
               <a href="#" class="register" title="Register">Register</a>
               <a href="#" class="help" title="Help">Help</a>
            </fieldset>
         </form>
      </div>
   </div>
   
   <div id="wrapper">
      <div id="banner">
         <span class="corners-top"><span></span></span>
         <h1 id="logo"><a href="#" title="Protek e-sports">Protek</a></h1>
         <span class="corners-bottom"><span></span></span>
      </div>
      <ul id="navigation">
         <li class="btn-homepage"><a href="#" title="Homepage">Homepage</a></li>
         <li class="btn-clannavigation">
            <a href="#" title="Clan Navigation">Clan Navigation</a>
            <ul class="dropdown">
               <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
               <li><a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a></li>
               <li><a href="#" title="Crysis Downloads">Crysis Downloads</a></li>
               <li><a href="#" title="Developer Site">Developer Site</a></li>
            </ul>            
         </li>
         <li class="btn-communitynavigation">
            <a href="#" title="Community Navigation">Community Navigation</a>
            <ul class="dropdown">
               <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
               <li><a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a></li>
               <li>
                  <a href="#" title="Crysis Downloads">Crysis Downloads</a>
                  <ul class="horizontal-dropdown">
                     <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
                     <li>
                        <a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a>
                        <ul class="horizontal-dropdown">
                           <li class="first"><a href="#" title="Call of Duty 2 Downloads">Call of Duty 2 Downloads</a></li>
                           <li><a href="#" title="Call of Duty 4 Downloads">Call of Duty 4 Downloads</a></li>
                           <li><a href="#" title="Crysis Downloads">Crysis Downloads</a></li>
                           <li><a href="#" title="Developer Site">Developer Site</a></li>
                        </ul>
                     </li>
                     <li><a href="#" title="Crysis Downloads">Crysis Downloads</a></li>
                     <li><a href="#" title="Developer Site">Developer Site</a></li>
                  </ul>
               </li>
               <li><a href="#" title="Developer Site">Developer Site</a></li>
            </ul>
         </li>
         <li class="btn-community"><a href="#" title="Community">Community</a></li>
         <li class="btn-infotainment"><a href="#" title="Infotainment">Infotainment</a></li>
         <li class="btn-sponsors"><a href="#" title="Sponsors">Sponsors</a></li>
         <li class="btn-contact"><a href="#" title="Contact">Contact</a></li>
      </ul>


here is my footer:

<div id="footer">
            <div class="copyright">
               <a href="http://www.agressions.com/" class="copyright-designed" title="Design by Agressions">Design by Agressions</a>
               <a href="http://www.esportsaid.com/" class="copyright-coding"  title="Coding by eSportsAid">Coding by eSportsAid</a>
               <a href="http://www.clantemplates.com/" class="copyright-ct"  title="ClanTemplates.com - Providing you free Clan Gaming Templates">ClanTemplates.com</a>
               <p>Copyright 2009 protek.gaming!</p>
               <p>&copy; All Rights Reserved</p>
            </div>
         </div>
      </div>
   </div>
   
</div>

<script type="text/javascript" src="scripts/iepngfix_tilebg.js"></script>
<script type="text/javascript" src="scripts/roster.js"></script>


what i need is a Split up index.template.php just like in the tut. the one on the tut is for 1.1 i need one for 2.0rc1 can anyone help please?