Forum d'aide création graphique / [Résolu] Image qui suit la barre de defilement

crosby · 13-07-2009 11:31:00

Bonjour tout le monde!!
Mon site avance bien j'ai déjà fait 6 rubriques!!
J'ai une nouvelle demande!
J'aimerai que le Monkey king (singe blanc) descendent lorsque je vais vers le bas du site!
Est ce possible et comment faire?

Merci d'avance pour votre aide!!

Young · 13-07-2009 12:06:47

Bonjour!
Je crois qu'il faut lui attribuer un petit quelque chose en css:

Code:

#image_monkey_king
{
     position: fixed;
}

Voila smile .
Au revoir!

crosby · 13-07-2009 17:50:32

merci j'ai essayer mais rien ne bouge!!!
je sais pas trop ou mettre le code dans le css et aussi le texte exact? il faut que je remplace image_monkey_king par le liens de l'image?
merci!!

crosby · 14-07-2009 11:48:47

Apres plusieurs recherche j'ai trouvé ce code en .css

.fixe {
/* un bloc fixe situé en haut qui fait toute la largeur */
position : fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
/* et le patch pour IE */
position : expression("absolute");
width : expression("100%");
top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
left : expression("0px");
}

et apres mettre cela dans le html
<div class="fixe">Bloc fixe !</div>

Quelqu'un peut me dire qu'est ce que je dois remplir pour mon site??
Merci

Young · 14-07-2009 13:06:28

En fait, le code que tu as trouvé comporte une erreur, je pense.
Ce qu'il faut faire:
Dans ta balise image qui affiche le monkey king, tu rajoutes un attribut class="fixe".
Ensuite, tu places le code que tu as trouvé dans la fichier CSS mais en enlevant le right: 0px;" et le "width: 100%;".
Tu peux laisser tout le reste.
Tu verras ensuite que ton image sera collée en haut à gauche de la page.
Pour la faire bouger à l'endroit que tu veux, tu dois modifier les valeurs de "top" et de "left" un peu au hasard.
Ces valeurs disent à l'image où elle doit se placer par rapport au point le plus haut de la page et au point le plus à gauche.
Donc si tu mets par exemple "top: 500px;", ton image sera à 500 pixels du haut de la page smile .

crosby · 14-07-2009 15:02:16

Merci je vais essaier sa dès que je rentre ce soir!mais est ce que limage va descendre si je descend avec la barre de défilement?
Merci

Young · 14-07-2009 15:39:04

Normalement, oui smile .

crosby · 14-07-2009 16:16:28

Je le place ou dans le fichier CSs?

crosby · 15-07-2009 10:28:56

Merci beaucoup pour votre aide!!
J'ai réussi à le faire mais j'ai encore deux petits soucis!!
Le premier c'est le monkey king est par dessus l'image de la semaine, je préférerais qu'il soit transparent!!

et la deuxième chose j'aimerai que monkey king ne sorte pas du cadre en bas:

merci d'avance!!!! wink

Young · 15-07-2009 11:38:37

Désolé, mais c'est impossible à réaliser, du moins, je ne connais rien qui puisse faire de telles choses...

crosby · 15-07-2009 19:39:16

Est ce que tu as une autres solutions à me donner?

Young · 15-07-2009 20:12:38

Ce serait bidouiller des trucs en JavaScript, mais je ne m'y connais pas assez pour t'aider dans ce domaine...

crosby · 15-07-2009 20:17:16

ok merci!!

Vista · 12-10-2009 21:17:57

A ton service :

Code:

<script type="text/javascript">
    <!--
        document.write("<marquee scrollamount=\"2\" scrolldelay=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\" id=\"scrolleur\" direction=\"right\">");
    //-->
</script> 
Lorem Ipsum is simply dummy text of the printing and typesetting industryLorem Ipsum is simply dummy text of the printing and typesetting industry
<script type="text/javascript">
    <!--
        document.write("</marquee>");
    //-->
</script>

#1 13-07-2009 11:31:00

[Résolu] Image qui suit la barre de defilement

#2 13-07-2009 12:06:47

Re: [Résolu] Image qui suit la barre de defilement

Code:

#3 13-07-2009 17:50:32

Re: [Résolu] Image qui suit la barre de defilement

#4 14-07-2009 11:48:47

Re: [Résolu] Image qui suit la barre de defilement

#5 14-07-2009 13:06:28

Re: [Résolu] Image qui suit la barre de defilement

#6 14-07-2009 15:02:16

Re: [Résolu] Image qui suit la barre de defilement

#7 14-07-2009 15:39:04

Re: [Résolu] Image qui suit la barre de defilement

#8 14-07-2009 16:16:28

Re: [Résolu] Image qui suit la barre de defilement

#9 15-07-2009 10:28:56

Re: [Résolu] Image qui suit la barre de defilement

#10 15-07-2009 11:38:37

Re: [Résolu] Image qui suit la barre de defilement

#11 15-07-2009 19:39:16

Re: [Résolu] Image qui suit la barre de defilement

#12 15-07-2009 20:12:38

Re: [Résolu] Image qui suit la barre de defilement

#13 15-07-2009 20:17:16

Re: [Résolu] Image qui suit la barre de defilement

#14 12-10-2009 21:17:57

Re: [Résolu] Image qui suit la barre de defilement

Code:

Pied de page des forums