Page 1 sur 2
Barre fixe de bas de page
Posté : 14 oct. 2010, 00:58
par orell1
Bonjour à tous,
est-ce que quelqu'un pourrait m'indiquer un script qui permet d'afficher un bandeau de bas de page et qui reste fixe...?
Un peu comme le bandeau bleu se trouvant en bas de cette page :
http://www.series-megaupload.com/out.ph ... kbucks.com
Merci par avance.
Re: Barre fixe de bas de page
Posté : 14 oct. 2010, 01:01
par orell1
Ah oui j'allais oublier... si possible on va éviter le popup pour éviter que le bandeau ne s'affiche pas...
Merci
Re: Barre fixe de bas de page
Posté : 14 oct. 2010, 21:54
par orell1
bonsoir,
personne ne sait?
Re: Barre fixe de bas de page
Posté : 14 oct. 2010, 22:00
par stealth35
c'est du css, position:fixed
Re: Barre fixe de bas de page
Posté : 14 oct. 2010, 22:04
par orell1
ok merci.
donc il suffit de faire un bandeau en php avec une feuille de style css et le tour est joué?
Même pour le scroll? si je bouge ma page le texte passera bien en dessous? est-ce que l'internaute pourra s'il le souhaite fermer ce bandeau?
Merci
Re: Barre fixe de bas de page
Posté : 14 oct. 2010, 23:29
par stealth35
ok merci.
donc il suffit de faire un bandeau en php avec une feuille de style css et le tour est joué?
Même pour le scroll? si je bouge ma page le texte passera bien en dessous? est-ce que l'internaute pourra s'il le souhaite fermer ce bandeau?
Merci
oui HTMl + CSS + Javascript
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 02:16
par orell1
Merci
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 07:01
par Shim
pas besoin de javaScript ? simple css
est suffisant, non ?
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 08:40
par jojolapine
C'est suffisant sauf que certains navigateur l'interprète mal (ie par exemple)...
un exemple de footer fixe:
http://intensivstation.ch/files/templat ... owser.html
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 09:42
par stealth35
pour fermer la barre y'a besoin de javascript
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 13:34
par orell1
C'est bien ce qui me semblait.
Merci à tous!
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 14:20
par Shim
ou le choix entre 2 skins differents, qui peut se faire en css je crois.
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 14:21
par stealth35
ou le choix entre 2 skins differents, qui peut se faire en css je crois.

Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 14:40
par orell1
Peut-on avoir plus de détail s'il te plait Shim?
Merci
Re: Barre fixe de bas de page
Posté : 15 oct. 2010, 15:20
par orell1
Je viens de trouver ce code, il fonction très bien sous firefox ! mais sous IE c'est la cata! toute ma mise en page est déformée!
voici mon code
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
ejs_logo_url = "monimage.png";
ejs_logo_redir = "redirection vers une page de mon site";
if (document.getElementById)
{
var staticlogo=new Image;
staticlogo.src=ejs_logo_url;
document.write('<div id="ejs_logo" style="z-index:200;position:absolute;width:'+staticlogo.width+';height:'+staticlogo.height+'"><a href="'+ejs_logo_redir+'" target=_blank><img src="'+staticlogo.src+'" border=0 /></a></div><div id="ejs_logo2" style="z-index:100;position:absolute;width:'+staticlogo.width+';height:'+staticlogo.height+';background:transparent;filter:alpha(opacity=40); -moz-opacity: .4;"></a></div>')
ejs_scx = document.body.clientWidth;
ejs_scy = document.body.clientHeight;
document.getElementById("ejs_logo").style.top=(ejs_scy-staticlogo.height-30);
document.getElementById("ejs_logo").style.left=(ejs_scx-staticlogo.width-30);
document.getElementById("ejs_logo2").style.top=(ejs_scy-staticlogo.height-25);
document.getElementById("ejs_logo2").style.left=(ejs_scx-staticlogo.width-25);
}
function logoit()
{
if (document.getElementById)
{
w2=document.body.scrollTop;
document.getElementById("ejs_logo").style.top=(w2+ejs_scy-staticlogo.height-30);
document.getElementById("ejs_logo2").style.top=(w2+ejs_scy-staticlogo.height-25);
setTimeout("logoit()",1);
}
}
window.onload=logoit
</SCRIPT>
<!-- FIN DU SCRIPT -->
Pour que ce script fonctionne je l'ai inséré dans l'entête de ma page index.php à l'aide de include-once ("monfichier.html");
Comment éviter ce décalage ? alors que ce script est logiquement optimisé pour s'afficher sur ous les navigateurs...
Script trouvé ici :
http://www.editeurjavascript.com/script ... e_1_57.php
Merci!