The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Forum footer

View previous topic View next topic Go down

Solved Forum footer

Post by Kirbs on October 30th 2015, 11:49 pm

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

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!


Last edited by Kirbs on November 3rd 2015, 2:05 pm; edited 2 times in total

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on October 31st 2015, 10:17 am

Hi @Kirbs,

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

If you need any help, let me know. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on October 31st 2015, 1:03 pm

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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 2nd 2015, 6:06 am

Bump Smile

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 2nd 2015, 11:52 am

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; )

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 2nd 2015, 12:55 pm

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 2nd 2015, 3:41 pm

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 2nd 2015, 7:17 pm

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 2nd 2015, 7:25 pm

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 2nd 2015, 9:19 pm

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 11:11 am

Bump Smile

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 11:16 am

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 11:23 am

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 11:28 am

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 11:30 am

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)

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 12:09 pm

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

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 1:13 pm

My bad Sad 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>

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 1:22 pm

Thanks ^^

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 1:25 pm

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 1:30 pm

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 -->

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 1:35 pm

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 1:49 pm

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;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 1:56 pm

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

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 1:58 pm

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

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 -->

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum footer

Post by Kirbs on November 3rd 2015, 2:04 pm

It looks perfect now! thanks a lot ange Very Happy

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Forum footer

Post by Ange Tuteur on November 3rd 2015, 2:06 pm

You're welcome ^^

Topic archived

Have a great day. Beer

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum