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.

Footer links to the bottom

View previous topic View next topic Go down

In progress Footer links to the bottom

Post by Mimóza on November 16th 2015, 8:52 am

Hi!   

I'd like to move te obligatory footer fields to the bottom of my forum. anyone could help me with that, please?


Link: http://eloahun.hungarianforum.com/

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by brandon_g on November 16th 2015, 1:02 pm

Hello,

In order to remove them, you will need to purchase credits. Not sure if moving them is permitted by the TOU or not, but if it were, this should be doable using css.

-Brandon


Last edited by brandon_g on November 16th 2015, 9:45 pm; edited 1 time in total


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5139
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by m0bber on November 16th 2015, 3:32 pm

Hello @Mimóza

As bradon said,you can only remove it if you purchase credits,but moving it is not(as soon as you don't hide it(.
Don't forget to edit the "top:25px" to something that fits your preference Very Happy.And don't forget:DON'T hide the linkis,else your forum is going to get removed.
If you want to move the entire footer navbar:
Code:

 #page-footer .navbar{
          position:relative; top:25px;
}
And if you want to move the only the text :
Code:

 #page-footer a.mainmenu {
          position:relative; top:25px;
}

m0bber
New Member

Posts : 13
Reputation : 3
Language : Romanian

http://darkyx.forumer.ro

Back to top Go down

In progress Re: Footer links to the bottom

Post by Mimóza on November 16th 2015, 6:38 pm

O, my request by no means aimed at removing the links.  I just want to place them elsewhere.  
@m0bber , thanks a lot! I tried your codes, but unfortunately none of them worked.

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by m0bber on November 16th 2015, 9:17 pm

Oh,
Try this code:
Code:

div#page-footer {
margin-top: 150px;}
And if that doesn't work either:

Code:
  div#page-footer ul.linklist {
position: absolute;
   top: 150px;}

m0bber
New Member

Posts : 13
Reputation : 3
Language : Romanian

http://darkyx.forumer.ro

Back to top Go down

In progress Re: Footer links to the bottom

Post by Mimóza on November 17th 2015, 8:46 am

Thank you!   The codes didn't work.  I don't know why, but those links seem to be glued there.  

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by SLGray on November 17th 2015, 12:48 pm

Code:
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #242424;
    left: 0px;
    height: 200px;
    position: absolute;
    margin-top: 100px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #1B1B1B;
    border-bottom: 20px solid #1B1B1B;
}

This is the CSS selector for those links, but it also affects what is below them.  Did you modify a template to add that at the bottom?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by Mimóza on November 18th 2015, 8:18 am

Hello @SLGray ,
Thank you for the code, I tried it, but unfortunately it's not working. 

I edited the template.

overall_footer_begin:

Code:
<style>
#index_foot_wid {
    width: 100%;
    text-align: center;
    background-color: #242424;
    left: 0px;
    height: 200px;
    position: absolute;
    margin-top:100px;
    color: #BABABA;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #1b1b1b;
    border-bottom: 20px solid #1b1b1b;
}
 
 
.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_da {
    width: 150px;
    margin: 0px;
}
 
.footer_p_da_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">A játék hivatalos oldalai</strong>                           
      <ul class="foot_wid_ul">
                                                                            
         <li class="foot_wid_li">
                                        <a href="http://eloa.webzen.com/ent"> <img src="http://i1320.photobucket.com/albums/u537/MayaGrayx3/MayaGrayx3058/webu.png"/>  </a>                                
        
                                       <a href="https://www.facebook.com/GlobalELOA">  <img src="http://i1320.photobucket.com/albums/u537/MayaGrayx3/MayaGrayx3058/facu.png"/></a>                                
         </li><br>
        <li class="foot_wid_li"> <a href="http://full-ggp.eloa.webzen.com/Live/ELOA_Downloader.exe"><img src="http://i1320.photobucket.com/albums/u537/MayaGrayx3/MayaGrayx3057/client.png" /></a><br />  </li>
         
         
                                                                          
      </ul>
                                                                     
   </div>
                                                      
                                              
   <div id="footer_wid_img">
            <img id="wid_img_da" src="http://i1320.photobucket.com/albums/u537/MayaGrayx3/03102015_081121_eloa-logo_294819.png" /><br />                     
      <p class="footer_p_da_last">
                              ELOA Hun<br />All rights reserved; 2015                     
      </p>
                                                  
   </div>
              
</div>

overall_footer_end:

Code:
   <!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by SLGray on November 20th 2015, 3:03 am

CSS does not go in the templates.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by Mimóza on November 20th 2015, 8:15 am

Yes, I do know that.  I just posted the edited footer parts, because I assume they play a role in the given codes not working. And you asked if I modified the template or not.  

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by SLGray on November 20th 2015, 11:38 am

You have this in your template, but it is CSS:


Code:
#index_foot_wid {    width: 100%;    text-align: center;    background-color: #242424;    left: 0px;    height: 200px;    position: absolute;    margin-top:100px;    color: #BABABA;    font-size: 14px;    overflow: hidden;    border-top: 1px solid #1b1b1b;    border-bottom: 20px solid #1b1b1b;}  .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_da {    width: 150px;    margin: 0px;} .footer_p_da_last {    font-size: 12px;    color: #565656;    margin: -20px;}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by Mimóza on November 23rd 2015, 5:48 pm

That's flawless and working. 

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by SLGray on November 23rd 2015, 9:07 pm

Is this solved?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Footer links to the bottom

Post by Mimóza on November 28th 2015, 7:50 pm

You can garbage this.  

Mimóza
Forumember

Female Posts : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.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