index body me digam

Olá queria saber se poderiam fazer um index body igual a este para min : http://webzone.forumais.com/forum

tipo eu queria um igual mais olha o meu como tá : http://webmaster.ativoforum.com/forum tem como fazer um para min ? ficarei muito grato a quem fizer pois estou precisando muito deste index body obrigado a quem fizer a caso queiram meu index body :

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN switch_user_logged_in -->
<p class="messagead"><strong>Não daremos suporte no chat! Usuários que insistirem serão punidos sem aviso prévio! utilizar o fórum para dúvidas.</strong></p>
<!-- END switch_user_logged_in -->
{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="100%" valign="top">
{BOARD_INDEX}</td>
  <td width="30%" valign="top">
 
  <div id="sidebar_home">
    <div id="sidebar_container">
    <ul id="sidebar">
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></img></a>
  <span class="blocktitle">Links úteis</span></div>   
<div class="widget_content blockbody floatcontainer">
  <a href="#"> <img src="http://i.imgur.com/LONiW.png" alt="" align="" border="0px"></img>Regras</a><br/>
  <a href="#"> <img src="http://i.imgur.com/HCYwG.png" alt="" align="" border="0px"></img>Shopping</a><br/>
  <a href="#"> <img src="http://i.imgur.com/k7ASh.png" alt="" align="" border="0px"></img>Tutoriais</a><br/>
  <a href="#"><img src="http://i.imgur.com/UbOo3.png" alt="" align="" border="0px"></img>Suporte</a><br/>
  <a href="#"> <img src="http://i.imgur.com/0xEz4.png" alt="" align="" border="0px"></img>>Eventos FC</a><br/>
  <a href="#"> <img src="http://i.imgur.com/O9Pvo.png" alt="" align="" border="0px"></img>Anúncios</a><br/>
</div></div><div class="underblock"></div></li>
 
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse"

  id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></img></a>
 
  <span class="blocktitle">Últimos membros online</span></div>   
<div class="widget_content blockbody floatcontainer">
          <style>#topp img {height: 35px;width: 35px;background-color:

#FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-

border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp

{text-align: left;width: 180px;}#topp a span{display:none;}#topp a:hover

span {display: inline;position: absolute;padding: 5px;border: 1px solid

white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px

#333;color: white !important;font-size: 10px;}</style><div id="topp"></div>
  <script>jQuery("#topp").load("/memberlist?

mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt

(16)");</script>
</div></div>
  <div class="underblock"></div></li>
  <li><div class="block smaller">
    <div class="blocksubhead">
      <a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></img></a><span class="blocktitle">Publicidade</span></div>   

<div class="widget_content blockbody floatcontainer">
  <a href="/forum" target="_blank" original-title="Publicidade tamanho 240x500"><img src="http://i301.photobucket.com/albums/nn80/sonth87/240x400%20Wallpaper/66161244997414.jpg" width="240" height="500"></img></a>
</div></div><div class="underblock"></div></li>
     


 <li><div class="block smaller">
  <div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></img></a>
   
    <span class="blocktitle">Últimos Tweets</span></div> 
 
<div class="widget_content blockbody floatcontainer">
  <a href="http://firstcheats.forumais.com/t5-regras-gerais-first-cheats">
 
<script type="text/javascript">
  <!--google_ad_client = "ca-pub-5508248997342273";

  /* Anúncios */
google_ad_slot = "1716207984";
google_ad_width = 160;
google_ad_height = 600;
//-->
 
</script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 190,
  height: 335,
  theme: {
    shell: {
      background: '#7fc0d4',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#7fc0d4'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('LifeGamesTeam').start();
</script>

  </div>
  </div>
 
  <div class="underblock">
  </div></li>


    </ul></div></div></div></div></td></tr></tbody></table>
      <br/>      <br/>
<!-- BEGIN disable_viewonline -->
<div id="estadisticas-IPB">
  <div class="stat-bloque"><span class="FORUMCOUNTOPIC"></span> Tópicos</div>
  <div class="stat-bloque"><span class="FORUMCOUNTPOST"></span> Posts</div>
  <div class="stat-bloque"><span class="FORUMCOUNTUSER"></span> Usuários</div>
  <div class="stat-bloque"><span class="FORUMLASTUSERLINK"></span> Último Usuário</div>
  <div class="clear"></div>
</div>
<div class="board_statistics"><h2>{TOTAL_USERS_ONLINE}</h2>

        <p>{RECORD_USERS}</p>
        <p>{LOGGED_IN_USER_LIST}</p>
        <p>{L_ONLINE_USERS}</p>
        <p>{L_CONNECTED_MEMBERS}</p>
        <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
        <p>{GROUP_LEGEND}</p>
<!-- BEGIN switch_chatbox_activate -->
      <div class="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE} :
        {CHATTERS_LIST}<br />
        <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
</div>

<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<style>
  .main-box.clearfix {
display: none;
  }
</style>

<style type="text/css">
/* Sidebar--------------------------------------------------- */
#sidebar_container{float:right;width:190px;margin-top:-41px;margin-bottom:3em;margin-left:5px;padding:43px 0}
#sidebar_container > ul{background:#ECF1E2 url(http://i34.servimg.com/u/f34/15/64/85/86/top-hi10.png) repeat-x left top;border:1px solid #D2DBC0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:-2px 2px 2px #C8C8C8;-webkit-box-shadow:-2px 2px 2px #C8C8C8;box-shadow:-2px 2px 2px #C8C8C8;float:left;width:100%;list-style:none;padding:0}
#sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px}
#sidebar_container .blocksubhead{background:transparent none;height:16.76px;color:#424242;border:none;outline:none;font-weight:700;padding:5px 6px}
#sidebar_container a.collapse{position:static}
#sidebar_container .blocksubhead a img{vertical-align:middle;float:right}
.widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF url(http://i34.servimg.com/u/f34/15/64/85/86/gradie10.png) repeat-x;border:1px solid #DADADA;_background-image:none;padding:10px 6px}
#sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0}
#sidebar_container .underblock{height:9px;background:transparent url(http://i34.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom}
/* Sidebar--------------------------------------------------- */
</style>

---

Fórum: http://webmaster.ativoforum.com/forum (punBB)

Imagens do problema:

Olá!

Só para não pensar que não vimos o seu tópico deixarei esta mensagem informativa aqui.

Estou elaborando este tema para o seu fórum na versão PunBB, veja como está ficando no meu fórum de testes: http://brazucas.forumado.net/

Agora vou dormir, amanhã finalizo.

Até mais!

ficou bom mais algumas coisas estão fora do lugar e as bordas estão meio feias :S

mais tipo tenho outra dúvida como vocês criam tema ? sabe tipo é moh dificil ai os templates tem que ter css sei lá gestão dos temas como vocês fazem isso em vey me diz na boa?

Olá senhor,

Acho que pelos conhecimentos do senhor seender. Criamos um tema com linguagens, tanto CSS como Java Script ou Templates. Acho que o seender está usando os conhecimentos em códigos para tal ato.

Até mais.

Está quase acabado: http://brazucas.forumado.net/?tt=1
amanhã finalizo...

mais tipo ta faltando as bordas no index_box

caso queira a minha sem bugs e com as bordas :

Código:

<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->

 
<li class="forumbit_nopost old L1" id="cat1">
<!-- Start Forum tcat Heading PureVB -->
<div class="forumBitBoxTB"><div class="forumbitBoxTL"><div class="forumBitBoxTR"><div class="forumBitBoxTWrap"></div></div></div></div>
<div class="forumbitBoxLeft"><div class="forumbitBoxRight"><div class="forumbitBox">
<div class="tcat">
   <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>

         <span class="forumtitle">
                         
{catrow.tablehead.L_FORUM}
                 
                  </span>
      

         
      

      </h2>
   
          <a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top"><img src="http://www.purevb.com/demo/images/styles/ChitChat/buttons/collapse_tcat.png" alt=""></a>
     
   
   </div></div>
</div>
<!-- End Forum tcat Heading PureVB -->
<!-- Start Forum thead Heading PureVB -->
<div class="forumbitBody">
<div class="thead_bar">
   <div class="theadrow table">
      <div class="foruminfo td">
         <div class="forumdata">
            <div class="datacontainer">
            Título
            </div>
         </div>
      </div>
      <div class="forumactionlinks td">
          
      </div>
      <div class="forumstats td" align="center">
          
      </div>
      <div class="forumlastpost td">
         Último Post
      </div>

   </div>
</div>
<!-- endForum thead Heading PureVB -->
<!-- END tablehead -->
<!-- BEGIN forumrow -->
   
   <ol id="c_cat1" class="childforum">
      <li id="forum2" class="forumbit_post old L2">
   <div class="forumrow table">
      <div class="foruminfo td">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="forumicon" id="forum_statusicon_2" alt="">
         <div class="forumdata">
            <div class="datacontainer">
               <div class="titleline">
                  <h2 class="forumtitle"> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}></h2>
                  <br>{catrow.forumrow.FORUM_DESC}
               </div>


               

               
            </div>
         </div>
      </div>
       
      <ul class="forumstats td">
         <li>Tópicos: {catrow.forumrow.TOPICS}</li>
         <li>Posts: {catrow.forumrow.POSTS}</li>
      </ul>
      <div class="forumlastpost td">
         <h4 class="lastpostlabel">Último Post:</h4>
         <div>
            
   <p class="lastposttitle">
   
   
   <span>
      <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
      <!-- END switch_topic_title -->
      {catrow.forumrow.USER_LAST_POST}
      </span>
   </p>
         
         
         </div>
      </div>
       
   </div>
   

         
         
         
         
       
   
</li>
   </ol>
   <!-- END forumrow -->
<!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
       
<!-- BEGIN tablefoot -->
         
         
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</div></div></div>
<div class="forumBitBoxTBB"><div class="forumbitBoxBL"><div class="forumBitBoxBR"><div class="forumBitBoxBWrap"></div></div></div></div>
</li>
    <!-- END tablefoot -->
         
         
          <!-- END catrow -->
 
  </ol>
  <style>

#sidebar_container {
float: right;
width: 250px;
padding: 17px 0;
margin-bottom: 3em;
}
#sidebar_container > ul {
background: #ebe8e4 url(http://i1122.photobucket.com/albums/l525/liger1723/GmGreen/top-highlight.png) repeat-x left top;
border: 1px solid #D2DBC0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px #C8C8C8;
-webkit-box-shadow: -2px 2px 2px #C8C8C8;
box-shadow: -2px 2px 2px #C8C8C8;
float: left;
width: 100%;
list-style: none;
padding: 0;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 6px;
border-top-right: 5px;
border-top-left: 5px;
border-top-right: 5px;
border-top-left: 5px;
}
#sidebar_container .blocksubhead {
background: transparent none;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container a.collapse {
position: static;
}
#sidebar_container .blocksubhead a img {
vertical-align: middle;
float: right;
}

#sidebar_container .blockbody {
color: #424242;
border: 1px solid #DADADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white;
_background-image: none;
padding: 0;
}
#sidebar_container .underblock {
height: 9px;
background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/GmGreen/bottom-shadow.png) repeat-x left bottom;
}</style>

Não funcionou... bugou todo o resto, veja aqui: http://brazucas.forumado.net/?tt=1
ficou bem perto do pretendido!

---

Utilize o template:

Código:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
  <div class="bgforum">
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3"><div class="descript">Tópicos: {catrow.forumrow.TOPICS}<br>Posts: {catrow.forumrow.POSTS}</div></td>
                  <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
  </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Adicione o código no index_box.
Crie uma página HTML e adicione o código abaixo:

Código:

jQuery(document).ready(function(){$("#pun-head").after("<div class='rightt'></div>").before("<img src='http://www.purevb.com/demo/images/styles/ChitChat/style/navLeft.png' id=leftt>");
});jQuery(document).ready(function(){$("#pun-visit").before("<div class=title><a href=/forum><img src=http://www.purevb.com/demo/images/styles/ChitChat/misc/navbit-home.png id=hoome></a>      {FORUMNAME}</div><br><Br><Br><br><br><br>");
});jQuery(document).ready(function(){$("#pun-logo").before("<br><br><br><br><br><br>").after("<img src=http://www.purevb.com/demo/images/styles/ChitChat/style_orange/sloganSplit.png id=separator2>");
});jQuery(document).ready(function(){$("a.mainmenu").after("<img src=http://www.purevb.com/demo/images/styles/ChitChat/style_orange/navSplit.gif height=26px width=2px id=separator>");
});jQuery(document).ready(function(){$("#pun-intro").append("<img src=http://i.imgur.com/vienC.png id=social>");
});jQuery(document).ready(function(){$(".main .main-head:last").addClass("bgforum");
});jQuery(document).ready(function(){$(".main .main-head").before("<div class='space'>   </div>");
});jQuery(document).ready(function(){$(".main .main-content").after("<div class='foterbg'>    </div>'");
});jQuery(document).ready(function(){$("#stats").after("<div class='foterbg'>    </div>'");
});jQuery(document).ready(function(){$(".title").after("<div class=notice>Se esta é sua primeira visita, não se esqueça de visitar nosso <a href=/faq>FAQ</a> clicando no link ao lado. Voce pode ter que se <a href=/register>registrar</a> antes que você possa postar: clique no link de registro para prosseguir. Para começar a ver as mensagens, selecione o fórum que pretende visitar na seleção abaixo.</div>");
});

Faça as definições necessárias e carregu em salvar, depois utilize este código adicionando o link da página HTML:

<script src=Endereço-da-página-html></script>

Adicionando-o em:
Painel...-> Geral -> Fórum -> Configuração / Descrição do fórum

Utilize o código CSS depois:

Código:

#pun-head{
background: url(http://www.purevb.com/demo/images/styles/ChitChat/style/navBG.png) repeat-x top;
height: 95px;
  width:80% !IMPORTANT;
  background-color: transparent !important;
padding: 11px 13px;
  margin-left:100px !important;
}
.descript {text-align:left !important;}
.pun, body{background-color: #E8E5E1;}
#pun-navlinks{background-color: transparent !important;}
.rightt{background: url(http://www.purevb.com/demo/images/styles/ChitChat/style/navRight.png) no-repeat right top;
height: 95px;
padding: 11px 13px;
  margin-top:-117px !important;
  margin-right:103px;
}
td.tcl,td.tc2,td.tc3,td.tcr{background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/rowBG.gif) repeat-x left top;
  background-color:#fff !important;
border:0px !important;
color: #4E4E4E;}
div.main-content table.table thead tr th{background-color:#fff !important;}
#leftt{
  margin-bottom:-107px !important;
margin-left:90px !important;
}
.space{height:6px !important;}
.foterbg{background-color:#ebe8e4 !important;width:924px;margin-left:8px;margin-top:-20px !important;}

a.mainmenu{color: #fff !important;font-weight:bold;text-decoration: none !important;}
a.mainmenu:hover{color:#819C05 !important;text-decoration: none !important;}
#pun-intro{height:578px !important;margin-bottom:-425px !important;background: url(http://www.purevb.com/demo/images/styles/ChitChat/style/pageHeadBG.png) repeat-x top left;
background-color: #E8E5E1;
  margin-left:-13px !important;margin-right:-13px !important;
  margin-top:-5px;
  border:0px;
}
a.mainmenu{margin-top:-600px !important;}
#separator{margin-top:-6px !important;margin-bottom:-4px !important;}
#separator2{margin-top:-23px;margin-left:15px;}
#social{margin-top:130px !important;margin-left:-220px !important;}
.title{background: url(http://www.purevb.com/demo/images/styles/ChitChat/style_orange/bcBG.png) repeat-x left top;
height: 23px;
padding: 8px 10px;
  border:0px;
  -moz-border-radius:8px 8px 8px 8px;
  -webkit-border-radius:8px 8px 8px 8px;
margin-top:102px;
 
}
.notice{-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FFEFB6 none;
border: 1px solid #EBD27B;
border-radius: 5px;

font-size: 12px;
line-height: 16px;
padding: 8px 10px;
}
div.main-box{display:none !important;}
.notice a{
  color: #D65600 !important; text-decoration:none;font-weight:bold;}
.notice a:hover{
  color: #3C3A22 !important; text-decoration:none;font-weight:bold;}
.main .main-head{background-image:url(http://i46.servimg.com/u/f46/12/46/70/00/sem_t122.png);
  background-repeat: repeat-x;
  border-radius:6px 6px 0px 0px;width:894px;
  margin-left:7px !important;
}
div.main-content{margin-bottom:20px;width:98%;  margin-left:8px !important;
}
  tbody.statused tr td{-webkit-border-radius:0px 0px 16px 16px;}
.bgforum{background: white;
  padding-bottom:1px;
  border-radius:6px;
  padding-top:4px;
  width:76%;
  margin-top:5px;
  margin-left:130px;
}

Melhores cumprimentos,
seender