The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

html and css footer

2 posters

Go down

html and css footer Empty html and css footer

Post by shawn.m 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
shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

html and css footer Empty Re: html and css footer

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

html and css footer Empty Re: html and css footer

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

ok, i didnt really want to use java scripte i wanted to use html and css,
shawn.m
shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

html and css footer Empty Re: html and css footer

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Back to top


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