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

Code : Tout sélectionner

#pied_de_page {positon: fixed;}
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!