Footer links to the bottom
4 posters
Page 1 of 1
Footer links to the bottom
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/
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/
Re: Footer links to the bottom
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
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 Mon Nov 16, 2015 8:45 pm; edited 1 time in total
Remember to mark your topic when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?
Team Leader
Review Section Rules | Request A Review | Sticker Points
Re: Footer links to the bottom
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 .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:
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 .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;
}
- Code:
#page-footer a.mainmenu {
position:relative; top:25px;
}
Re: Footer links to the bottom
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.
@m0bber , thanks a lot! I tried your codes, but unfortunately none of them worked.
Re: Footer links to the bottom
Oh,
Try this code:
Try this code:
- Code:
div#page-footer {
margin-top: 150px;}
- Code:
div#page-footer ul.linklist {
position: absolute;
top: 150px;}
Re: Footer links to the bottom
Thank you! The codes didn't work. I don't know why, but those links seem to be glued there.
Re: Footer links to the bottom
- 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?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Footer links to the bottom
Hello @SLGray ,
Thank you for the code, I tried it, but unfortunately it's not working.
I edited the template.
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 --> | <!-- 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>
Re: Footer links to the bottom
CSS does not go in the templates.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Footer links to the bottom
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.
Re: Footer links to the bottom
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;}
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Footer links to the bottom
Is this solved?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Footer Links
» Footer links?
» footer Copiright links
» How to move the footer links
» Putting Copyright Links in a Custom Footer
» Footer links?
» footer Copiright links
» How to move the footer links
» Putting Copyright Links in a Custom Footer
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum