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.

html and css footer

View previous topic View next topic Go down

html and css footer

Post by shawn.m on September 28th 2011, 5:07 pm

Hi please could someone help me i want to re-design my page footer how can i do this, i am useing html and css. http://www.carclublinks.com/ Thanks.

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Re: html and css footer

Post by LGforum on September 29th 2011, 5:19 am

You can't really re-design your footer.
Well you can but, you have to make sure all the forumotion links are still there and phpbb copyrights.

Anyway if you still want to go ahead put this in a javascript file in modules>javascript management
Code:

$(function() {
var x=document.getElementById('page-footer');

var newfooter="<div id='newfooter'>ALL YOUR FOOTER THINGS HERE, REMEMBER TO INCLUDE PHPBB AND FORUMOTION LINKS</div>";

x.innerHTML=newfooter;
});

Where i have put in capital letters is where to put your new footer design.
It is also given an ID of "newfooter" so you can style it in CSS.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: html and css footer

Post by shawn.m on September 29th 2011, 2:56 pm

ok, i didnt really want to use java scripte i wanted to use html and css,

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Re: html and css footer

Post by LGforum on September 29th 2011, 7:10 pm

Okay, right the HTML of your footer and give it a DIV ID of something like 'newfooter' and stick it in a widget.

So like this:
Code:

<div id="newfooter"> YOUR FOOTER HTML HERE</div>

Put that in its own widget. at the bottom of the sidebar.
Use a table type: no.


then in your CSS put:
Code:

#newfooter {
position: rabsolute;
top: 100%;
}

That will stick it underneath the current forum footer. If you wish to replace the current footer then you'll have to use javascript. Wink

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

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