Forum footer

[Kirbs]

Hi, i was wondering if someone could help me and tell me how to make my forum footer like this https://i.imgur.com/gGIey73.png a step by step explanation would be appreciated

EDIT: if the first one is not possible i would like to ask for someone to give me the same exact layout/code for the footer the support forums uses

only one thing added to the original code, an image code at the exact location of the red box in the image. also with this tab added ontop of it like the first image http://prntscr.com/8xbovz the tab that views messages count, members count, newest user, etc..

Thanks in advance!

[Ange Tuteur]

Hi @Kirbs,

There's some various topics on this which should cover the basics. These ones :
https://help.forumotion.com/t143945-footer-template
https://help.forumotion.com/t143469-adding-footer-to-the-forum

If you need any help, let me know.

[Kirbs]

The second link is exactly what im looking for, but how do i do all that in phpbb2? I would really appreciate it if you could provide me with a ready to go code(aka the same exact thing without having to do a hundred things to make it the same if you know what mean)

Just to make things clear, second link title is "adding a footer to the forum"
Thanks a lot ange!

[Kirbs]

Bump

EDIT: I figured out some parts of it, added the following code into my forum:

Code:

<style>
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    left: 0px;
    height: 275px;
    position: absolute;
    bottom: -1696px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}


.floating_foot_list {
float: left;
width: 25%;
}


ul.foot_wid_ul {
    text-decoration: none;
    margin: 9px;
    text-align: center;
    padding: 11px 25px 13px;
}

li.foot_wid_li {
    color: #6A7E87;
    line-height: 28px;
    text-align: left;
    padding-left: 104px;
}

.foot_list_title {
    display: block;
    color: #E1E1E1;
    padding-left: 137px;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
}

#footer_wid_img {
    text-align: center;
    margin: auto;
}

#wid_img_pda {
    width: 150px;
    margin: 0px;
}

.footer_p_pda_last {
    font-size: 12px;
    color: #565656;
    margin: -20px;
}

</style>
<div id="index_foot_wid">
                                                                                 
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Generalities</strong>                           
      <ul class="foot_wid_ul">
                                                                           
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h1-rules" title="Academy Rules"><span style="color:#6a7e87;">Academy Rules</span></a>
        </li>
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Academy Guide Book"><span style="color:#6a7e87;">Academy Guide Book</span></a>                               
        </li>
                                                                       
        <li class="foot_wid_li">
 <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Feedback and Support"><span style="color:#6a7e87;">Feedback and Support</span></a>                       
        </li>
                                                                           
                <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h13-new-abuse-report" title="Report an Abuse"><span style="color:#6a7e87;">Report an Abuse</span></a>                             
        </li>
                 
            <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
       
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Games and Extras</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
                                                                                                 
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h2-market" title="Market"><span style="color:#6a7e87;">Market</span></a>                               
        </li>
                <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/f9-dice-games" title="Dice Games"><span style="color:#6a7e87;">Dice Games</span></a>                               
        </li>       
       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h10-dn-chatbox" title="Chatbox and DN"><span style="color:#6a7e87;">Chatbox and DN</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/t261-pda-recruitment-tournament" title="Refer a Friend"><span style="color:#6a7e87;">Refer a Friend</span></a>                             
        </li>
                                                                         
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Dueling Systems</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
<a href="http://www.duelingnetwork.com/" title="Dueling Network"><span style="color:#6a7e87;">Dueling Network</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/t31-devpro-guide#137" title="Download DevPRO"><span style="color:#6a7e87;">Download DevPRO</span></a>                           
        </li>

                                                                                             
      </ul>
                                                                     
  </div>
                                                         
  <div id="footer_wid_img">
                          <img id="wid_img_pda" src="http://i.imgur.com/xtDMgRw.png" /><br />                     
      <p class="footer_p_pda_last">
                              Pendulums Duel Academy 2015                     
      </p>
                                               
  </div>
             
</div>

the only problem is, it's showing in the middle of my forum and the widgets disappeared completely.. http://prntscr.com/8y2xx7

[Ange Tuteur]

Try changing this part :

Code:

#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    left: 0px;
    height: 275px;
    position: absolute;
    bottom: -1696px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}

to this :

Code:

#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    left: 0px;
    height: 275px;
    position: absolute;
    margin-top:80px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}

I assumed it had something to do with the negative bottom value. Keeping it absolute should work fine, but you'll want to add a top margin, which I did. ( margin-top:80px; )

[Kirbs]

This is how it looks now http://prntscr.com/8y4l5e still needs some fixing o.o and i got no idea how, also the widgets are still disappearing o.o

[Ange Tuteur]

Did you paste the footer code twice in the template ? That's what it looks like to me.

[Kirbs]

I posted it once in the overall footer begin and once in the end, is that wrong?

[Ange Tuteur]

Try placing it in only one template such as the overall_footer_begin.

[Kirbs]

It works now but the widgets are still disappearing completely .-...

[Kirbs]

Bump

[Ange Tuteur]

Weird, which ones ? I see them on the left side :

[Kirbs]

My bad ange, you're looking at the test forum ;o http://pendulumsduelacademy.forumotion.com/ this is the forum where they don't appear

[Ange Tuteur]

Are they enabled ? I don't see any widgets in the column.
Modules > Forums widget management

> Display forum widgets : Yes
> Set 180 for the column you want to use

[Kirbs]

Yeah they are enabled, as soon as i add that footer they completely disappear .-.

EDIT: I sent you an admin account in case you wanna check out the ACP on the forum (not the test forum)

[Ange Tuteur]

Hmm, weird. Could you send me the template that you modified ?

P.S.
The account you sent is normal member. ^^

[Kirbs]

My bad i forgot to add the account to admins group, it's done now.

here's the template:

Code:


<style>
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    left: 0px;
    height: 275px;
    position: absolute;
    margin-top:80px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}

.floating_foot_list {
float: left;
width: 25%;
}


ul.foot_wid_ul {
    text-decoration: none;
    margin: 9px;
    text-align: center;
    padding: 11px 25px 13px;
}

li.foot_wid_li {
    color: #6A7E87;
    line-height: 28px;
    text-align: left;
    padding-left: 104px;
}

.foot_list_title {
    display: block;
    color: #E1E1E1;
    padding-left: 137px;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
}

#footer_wid_img {
    text-align: center;
    margin: auto;
}

#wid_img_pda {
    width: 150px;
    margin: 0px;
}

.footer_p_pda_last {
    font-size: 12px;
    color: #565656;
    margin: -20px;
}

</style>
<div id="index_foot_wid">
                                                                                 
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Generalities</strong>                           
      <ul class="foot_wid_ul">
                                                                           
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h1-rules" title="Academy Rules"><span style="color:#6a7e87;">Academy Rules</span></a>
        </li>
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Academy Guide Book"><span style="color:#6a7e87;">Academy Guide Book</span></a>                               
        </li>
                                                                       
        <li class="foot_wid_li">
 <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Feedback and Support"><span style="color:#6a7e87;">Feedback and Support</span></a>                       
        </li>
                                                                           
                <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h13-new-abuse-report" title="Report an Abuse"><span style="color:#6a7e87;">Report an Abuse</span></a>                             
        </li>
                 
            <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
       
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Games and Extras</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
                                                                                                 
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h2-market" title="Market"><span style="color:#6a7e87;">Market</span></a>                               
        </li>
                <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/f9-dice-games" title="Dice Games"><span style="color:#6a7e87;">Dice Games</span></a>                               
        </li>       
       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h10-dn-chatbox" title="Chatbox and DN"><span style="color:#6a7e87;">Chatbox and DN</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/t261-pda-recruitment-tournament" title="Refer a Friend"><span style="color:#6a7e87;">Refer a Friend</span></a>                             
        </li>
                                                                         
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Dueling Systems</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
<a href="http://www.duelingnetwork.com/" title="Dueling Network"><span style="color:#6a7e87;">Dueling Network</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/t31-devpro-guide#137" title="Download DevPRO"><span style="color:#6a7e87;">Download DevPRO</span></a>                           
        </li>

                                                                                             
      </ul>
                                                                     
  </div>
                                                         
  <div id="footer_wid_img">
                          <img id="wid_img_pda" src="http://i.imgur.com/xtDMgRw.png" /><br />                     
      <p class="footer_p_pda_last">
                              Pendulums Duel Academy 2015                     
      </p>
                                               
  </div>
             
</div>


[Ange Tuteur]

Thanks ^^

Just to make sure, is that the entire overall_footer_begin template ?

[Kirbs]

Yep that's all of it! also this is how it looks is there a way to get that text in the red box a little bit down? http://prntscr.com/8yiv19

[Ange Tuteur]

Gotcha, try replacing your template with this :

Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>

<style>
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    left: 0px;
    height: 275px;
    position: absolute;
    margin-top:80px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}

.floating_foot_list {
float: left;
width: 25%;
}


ul.foot_wid_ul {
    text-decoration: none;
    margin: 9px;
    text-align: center;
    padding: 11px 25px 13px;
}

li.foot_wid_li {
    color: #6A7E87;
    line-height: 28px;
    text-align: left;
    padding-left: 104px;
}

.foot_list_title {
    display: block;
    color: #E1E1E1;
    padding-left: 137px;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
}

#footer_wid_img {
    text-align: center;
    margin: auto;
}

#wid_img_pda {
    width: 150px;
    margin: 0px;
}

.footer_p_pda_last {
    font-size: 12px;
    color: #565656;
    float:right;
    margin-right:120px;
}

</style>
<div id="index_foot_wid">
                                                                                 
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Generalities</strong>                           
      <ul class="foot_wid_ul">
                                                                           
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h1-rules" title="Academy Rules"><span style="color:#6a7e87;">Academy Rules</span></a>
        </li>
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Academy Guide Book"><span style="color:#6a7e87;">Academy Guide Book</span></a>                               
        </li>
                                                                       
        <li class="foot_wid_li">
 <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Feedback and Support"><span style="color:#6a7e87;">Feedback and Support</span></a>                       
        </li>
                                                                           
                <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h13-new-abuse-report" title="Report an Abuse"><span style="color:#6a7e87;">Report an Abuse</span></a>                             
        </li>
                 
            <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
       
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Games and Extras</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
                                                                                                 
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h2-market" title="Market"><span style="color:#6a7e87;">Market</span></a>                               
        </li>
                <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/f9-dice-games" title="Dice Games"><span style="color:#6a7e87;">Dice Games</span></a>                               
        </li>       
       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h10-dn-chatbox" title="Chatbox and DN"><span style="color:#6a7e87;">Chatbox and DN</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/t261-pda-recruitment-tournament" title="Refer a Friend"><span style="color:#6a7e87;">Refer a Friend</span></a>                             
        </li>
                                                                         
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Dueling Systems</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
<a href="http://www.duelingnetwork.com/" title="Dueling Network"><span style="color:#6a7e87;">Dueling Network</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/t31-devpro-guide#137" title="Download DevPRO"><span style="color:#6a7e87;">Download DevPRO</span></a>                           
        </li>

                                                                                             
      </ul>
                                                                     
  </div>
                                                         
  <div id="footer_wid_img">
                          <img id="wid_img_pda" src="http://i.imgur.com/xtDMgRw.png" /><br />                     
      <p class="footer_p_pda_last">
                              Pendulums Duel Academy © 2015                     
      </p>
                                               
  </div>
             
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

[Kirbs]

It works just like a charm! just one last thing i wanna ask you about how to make which is this:
how do i get these links from above the footer http://prntscr.com/8yiy7i to appear under/within the footer just like this http://prntscr.com/8yiykl

[Ange Tuteur]

Replace your overall_footer_begin template with this :

Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
</td></tr></tbody></table>
<style>
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    height: 275px;
    margin-top:80px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}

.floating_foot_list {
float: left;
width: 25%;
}


ul.foot_wid_ul {
    text-decoration: none;
    margin: 9px;
    text-align: center;
    padding: 11px 25px 13px;
}

li.foot_wid_li {
    color: #6A7E87;
    line-height: 28px;
    text-align: left;
    padding-left: 104px;
}

.foot_list_title {
    display: block;
    color: #E1E1E1;
    padding-left: 137px;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
}

#footer_wid_img {
    text-align: center;
    margin: auto;
}

#wid_img_pda {
    width: 150px;
    margin: 0px;
}

.footer_p_pda_last {
    font-size: 12px;
    color: #565656;
    float:right;
    margin-right:120px;
}

</style>
<div id="index_foot_wid">
                                                                                 
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Generalities</strong>                           
      <ul class="foot_wid_ul">
                                                                           
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h1-rules" title="Academy Rules"><span style="color:#6a7e87;">Academy Rules</span></a>
        </li>
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Academy Guide Book"><span style="color:#6a7e87;">Academy Guide Book</span></a>                               
        </li>
                                                                       
        <li class="foot_wid_li">
 <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Feedback and Support"><span style="color:#6a7e87;">Feedback and Support</span></a>                       
        </li>
                                                                           
                <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h13-new-abuse-report" title="Report an Abuse"><span style="color:#6a7e87;">Report an Abuse</span></a>                             
        </li>
                 
            <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
       
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Games and Extras</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
                                                                                                 
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h2-market" title="Market"><span style="color:#6a7e87;">Market</span></a>                               
        </li>
                <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/f9-dice-games" title="Dice Games"><span style="color:#6a7e87;">Dice Games</span></a>                               
        </li>       
       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h10-dn-chatbox" title="Chatbox and DN"><span style="color:#6a7e87;">Chatbox and DN</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/t261-pda-recruitment-tournament" title="Refer a Friend"><span style="color:#6a7e87;">Refer a Friend</span></a>                             
        </li>
                                                                         
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Dueling Systems</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
<a href="http://www.duelingnetwork.com/" title="Dueling Network"><span style="color:#6a7e87;">Dueling Network</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/t31-devpro-guide#137" title="Download DevPRO"><span style="color:#6a7e87;">Download DevPRO</span></a>                           
        </li>

                                                                                             
      </ul>
                                                                     
  </div>
                                                         
  <div id="footer_wid_img">
                          <img id="wid_img_pda" src="http://i.imgur.com/xtDMgRw.png" /><br />                     
      <p class="footer_p_pda_last">
                              Pendulums Duel Academy © 2015                     
      </p>
                                               
  </div>
             
</div>
<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

and then use this CSS to style the default footer :

Code:

#page-footer {
  background:#19212C;
  padding:6px 0;
}

[Kirbs]

It has the same style now but how do i get it down there http://prntscr.com/8yj61v ? like this http://prntscr.com/8yiykl

EDIT: NVM! my bad! forgot to publish the footer ;o

[Ange Tuteur]

Crud, my bad, I gave you the wrong template.

Replace it with this one :

Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
</td></tr></tbody></table>
<style>
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #1C242F;
    height: 275px;
    margin-top:80px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid #771177;
    border-bottom: 5px solid #471047;
}

.floating_foot_list {
float: left;
width: 25%;
}


ul.foot_wid_ul {
    text-decoration: none;
    margin: 9px;
    text-align: center;
    padding: 11px 25px 13px;
}

li.foot_wid_li {
    color: #6A7E87;
    line-height: 28px;
    text-align: left;
    padding-left: 104px;
}

.foot_list_title {
    display: block;
    color: #E1E1E1;
    padding-left: 137px;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
}

#footer_wid_img {
    text-align: center;
    margin: auto;
}

#wid_img_pda {
    width: 150px;
    margin: 0px;
}

.footer_p_pda_last {
    font-size: 12px;
    color: #565656;
    float:right;
    margin-right:120px;
}

</style>
<div id="index_foot_wid">
                                                                                 
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Generalities</strong>                           
      <ul class="foot_wid_ul">
                                                                           
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h1-rules" title="Academy Rules"><span style="color:#6a7e87;">Academy Rules</span></a>
        </li>
                                                                       
        <li class="foot_wid_li">
        <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Academy Guide Book"><span style="color:#6a7e87;">Academy Guide Book</span></a>                               
        </li>
                                                                       
        <li class="foot_wid_li">
 <a href="http://pendulumsduelacademy.forumotion.com/h7-pda-s-guide" title="Feedback and Support"><span style="color:#6a7e87;">Feedback and Support</span></a>                       
        </li>
                                                                           
                <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h13-new-abuse-report" title="Report an Abuse"><span style="color:#6a7e87;">Report an Abuse</span></a>                             
        </li>
                 
            <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
       
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Games and Extras</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/h12-new-staff-app" title="Staff Application"><span style="color:#6a7e87;">Staff Application</span></a>                             
        </li>
                                                                                                 
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h2-market" title="Market"><span style="color:#6a7e87;">Market</span></a>                               
        </li>
                <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/f9-dice-games" title="Dice Games"><span style="color:#6a7e87;">Dice Games</span></a>                               
        </li>       
       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/h10-dn-chatbox" title="Chatbox and DN"><span style="color:#6a7e87;">Chatbox and DN</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
<a href="http://pendulumsduelacademy.forumotion.com/t261-pda-recruitment-tournament" title="Refer a Friend"><span style="color:#6a7e87;">Refer a Friend</span></a>                             
        </li>
                                                                         
      </ul>
                                                                     
  </div>
                                                     
  <div style="" class="floating_foot_list">
                                                    <strong class="foot_list_title">Dueling Systems</strong>                           
      <ul class="foot_wid_ul">
                                                                           
        <li class="foot_wid_li">
<a href="http://www.duelingnetwork.com/" title="Dueling Network"><span style="color:#6a7e87;">Dueling Network</span></a>                             
        </li>
                                                                       
        <li class="foot_wid_li">
  <a href="http://pendulumsduelacademy.forumotion.com/t31-devpro-guide#137" title="Download DevPRO"><span style="color:#6a7e87;">Download DevPRO</span></a>                           
        </li>

                                                                                             
      </ul>
                                                                     
  </div>
                                                         
  <div id="footer_wid_img">
                          <img id="wid_img_pda" src="http://i.imgur.com/xtDMgRw.png" /><br />                     
      <p class="footer_p_pda_last">
                              Pendulums Duel Academy 2015                     
      </p>
                                               
  </div>
             
</div>
<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

[Kirbs]

It looks perfect now! thanks a lot ange

[Ange Tuteur]

You're welcome ^^

Topic archived

Have a great day.