Removing excess Headers/Footers through CSS/Template Editing?

Hey guys,
I was wondering if it would be possible to remove excess footers/headers on my forums? Rather typing it out, I thought the screenshots would explain what I'm trying to achieve better. I would imagine this would be easiest to be done in Template Editing?

Up!

Hello,

This will require too much template editing work.
I'll give you some guidelines on this later.

Sure thing, within the next week or?

TR wrote:Sure thing, within the next week or?

Yes, may be within a week.
The editing you want to do is not easy and requires too much of work and time.

Can anyone shine some light on this?

Up.

Anyone?

Anyone?

Anyone?

Anyone?

dude, he already said within a week, can't you just wait?? don't spam

Did you read the date? It's been about a two months now, so I think I can bump it again.

bump it once ..damn...Im pretty sure hell see that..

Hello,
Sorry for the late reply.

---

For the first thing, go to viewforum_body template and find this part in the code...

Code:

<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>

You need to cut this part from there.

Now, move to the topics_list_box template and find this part...

Code:

<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>

You need to put this code right before the </div> in above code...

Code:

<a style="float:right;" href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>

Now save both templates, publish them and see if it works

---

Go to viewtopic_body template.

Find this part and remove it...

Code:

<div class="pun-crumbs noprint">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <!-- google_ad_section_start -->
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- google_ad_section_end -->
   </p>
</div>

Now find this part...

Code:

<p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>

You need to put the following code right before the </p>...

Code:

<div class="pun-crumbs noprint" style="float:left;">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <!-- google_ad_section_start -->
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- google_ad_section_end -->
   </p>
</div>

Save it, publish it and see if it works

---

Go to privmsgs_body template and remove this part...

Code:

<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong>{L_PM}</strong>
   </p>
</div>

Save it, publish it and see if it works