- ARCHIVES
- » Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
- Ephemeral
- » FTalkElite
4669
0
1969-12-31
Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code...
Footer with background image only.
[quote]#footer {display: none;}
#footer_container { background:url([color=red]URL OF .JPG,.PNG,GIF[/color]) ; background-repeat:no-repeat; background-attachment:fixed; background-position:center center;width:800px!important;[b]height:140px!important;[/b]position:relative!important;
bottom:3px!important; }
#footer_container div { display:none!important; }
#footer_container a { display:none!important; }
#footer_container span { display:none!important; }[/quote]
Replace the [color=red]URL OF .JPG,.PNG,GIF[/color] with background image of footer. 800px footer width recommended.
On the code you'll see [b]height:140px!important;[/b] change the 140px the your estimated height.
Last edited by Ephemeral (2007-09-25 03:16:34)
 |
- xavierkym
- » FTalkFreak
- 1651
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
^
what's that?? 
anyway.. i also have my set of codes.. just sharing.. .gif)
<">anyway, at ephe.. just wondering.. why is this??
<">cant relate sorry.. im so bubu.. 
anyway.. i also have my set of codes.. just sharing..
<">anyway, at ephe.. just wondering.. why is this??
<">cant relate sorry.. im so bubu..
Last edited by xavierkym (2007-09-03 20:13:58)
|
- thephrenetic
- » FTalker
- 143
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
the renew code... 
thanks 4 sharing..
thanks 4 sharing..
|
- Ephemeral
- » FTalkElite
- 4669
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
[quote]Anyway, at ephe.. just wondering.. why is this??
<">[/quote]
Just check the [color=red]red text[/color] for reference.
<">About Us [color=red]| span
Removes ^Copyright 2002-2007 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308, 7,117,254 & 7,188,153[/color]
<">Removes ^[color=red]About Us[/color] link
<">Removes^About Us [color=red]|[/color] span
<">^For background to be shown well on Firefox
Last edited by Ephemeral (2007-09-03 21:21:59)
|
- xavierkym
- » FTalkFreak
- 1651
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
owwwwwww... i mean im wondering why you have to remove that??
anyway, my bad.. i though the title is [b]"Footer With Background Image (CSS)"[/b]
i ddnt see the word [u][b]only[/b][/u]
sorry bro..
sorry bro..
|
- Refresh/Reload
- » FTalkAddict
- 332
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
Thanx for sharing Ephe!!
gonna share mine too 
CSS
if you're using this.. unuse it.
#footer {display: none;}
#footer_container {display: none;}
JS
at the WVM(tracker) codes
[quote]var puter ="<img src='URL OF IMAGE(preferably long and horizontal)'>";
document.getElementById("footer").innerHTML="<center>"+puter+"</center>";[/quote]
just insert below WVM onloadhandler... see my profile for preview.
CSS
if you're using this.. unuse it.
#footer {display: none;}
#footer_container {display: none;}
JS
at the WVM(tracker) codes
[quote]var puter ="<img src='URL OF IMAGE(preferably long and horizontal)'>";
document.getElementById("footer").innerHTML="<center>"+puter+"</center>";[/quote]
just insert below WVM onloadhandler... see my profile for preview.
Last edited by Refresh/Reload (2008-01-11 13:07:36)
|
- loquitor
- » FTalkAddict
- 520
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
[quote=Refresh/Reload]Thanx for sharing Ephe!!
gonna share mine too
CSS
if you're using this.. unuse it.
#footer {display: none;}
#footer_container {display: none;}
JS
for old WVM(tracker)
[quote]var footer ="<img src='http://img233.imageshack.us/img233/2791/184474ozcw0ca5gakz3.gif'>";
document.getElementById("footer").innerHTML="<center>"+footer+"</center>";[/quote]
just insert below WVM onloadhandler... see my profile for preview.[/quote]
using this code, how to add table? something like this:
<">
CSS
if you're using this.. unuse it.
#footer {display: none;}
#footer_container {display: none;}
JS
for old WVM(tracker)
[quote]var footer ="<img src='http://img233.imageshack.us/img233/2791/184474ozcw0ca5gakz3.gif'>";
document.getElementById("footer").innerHTML="<center>"+footer+"</center>";[/quote]
just insert below WVM onloadhandler... see my profile for preview.[/quote]
using this code, how to add table? something like this:
<">
|
- xavierkym
- » FTalkFreak
- 1651
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
hehe.. a code that disobeys the TOS..
anyway, tnx for sharing really.. 
anyway, tnx for sharing really..
Last edited by xavierkym (2007-09-04 05:03:36)
|
- Ephemeral
- » FTalkElite
- 4669
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
Yeah hehe... anyway it's in their discretion if the will use it or not
|
- ~Gothic Nedd~
- » n00b
- 28
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
tnx for sharing master ephe
|
- Maruko
- » FTalkAddict
- 312
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
??? i think kua ephe i given the codes already
|
- Ephemeral
- » FTalkElite
- 4669
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
Compare and I assure this is completely different
|
- motiroo
- » n00b
- 1
- 0
- 1969-12-31
Re: Many are asking this idea because they want to add images to their footer but the links are blocking it so here's to code... Footer with background image only. [quote]#footer {display: none;} #foote
hi...
ur profile is vry beutifULLLL.... how can i make my profile like urs....?????/ can u help me........... pLssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
ur profile is vry beutifULLLL.... how can i make my profile like urs....?????/ can u help me........... pLssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
|