Comment faire pour que mon image reste immobile en haut à gauche de mon écran sans qu'elle bouge ?
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Comment faire pour que mon image reste immobile en haut à gauche de mon écran sans qu'elle bouge ?
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis la mise en place des déco saisonnières sur mon forum
Lien du forum : http://www.chiensdalsace.org/
Description du problème
Bonsoir à tous et toutes,Alors voila j'utilise plusieurs javascript à chaque saison pour décorer mon forum.
Voici celui qui concerne la période printanière :
- Code:
$(function(){
$("body").append('<div style="position: fixed; top: 50px; left: 20px"><a href=""><img src="http://i55.servimg.com/u/f55/18/56/25/16/bouque10.png" border="0" alt="" /></a></div> /></a></div>');
});
J'utilise le même javascript pour l'été mais avec une image différente, comme pour l'automne, l'hivers.
Je sais qu'il faut que je les transformes en javascript, mais je ne sais pas comment faire.
Voici tous mes javascript :
Automne :
- Code:
$(function(){
$("body").append('<div style="position: fixed; top: 50px; left: 20px"><a href=""><img src="http://i55.servimg.com/u/f55/18/56/25/16/38454_10.png" border="0" alt="" /></a></div> /></a></div>');
});
Pâques :
- Code:
$(function(){
$("body").append('<div style="position: fixed; top: 50px; left: 20px"><a href=""><img src="http://i55.servimg.com/u/f55/18/56/25/16/daco_p11.png" border="0" alt="" /></a></div> /></a></div>');
});
Été :
- Code:
$(function(){
$("body").append('<div style="position: fixed; top: 50px; left: 20px"><a href=""><img src="http://i55.servimg.com/u/f55/18/56/25/16/soleil10.png" border="0" alt="" /></a></div> /></a></div>');
});
Comment faire pour les transformer en .js et que les utilisateurs et visiteurs de mon forum ne soient plus gênés ?
Merci pour votre aide précieuse.
Bonne soirée.
Cordialement
Romain
Dernière édition par Quistador le Mar 16 Juin 2015 - 16:52, édité 1 fois
Invité- Invité
Re: Comment faire pour que mon image reste immobile en haut à gauche de mon écran sans qu'elle bouge ?
Je sais qu'il faut que je les transformes en javascript, mais je ne sais pas comment faire.
c'est déjà du javascript.
Re: Comment faire pour que mon image reste immobile en haut à gauche de mon écran sans qu'elle bouge ?
Bonjour ^^
position: fixed -> La position de l'image est déterminée par rapport à l'écran et "flotte" en permanence au même endroit de l'écran.
position: absolute -> La position de l'image est déterminée par rapport à la page et se déplace donc en même temps que la surface affichée à l'écran et finit par disparaître.
Si j'ai bien compris ta demande, il suffit de remplacer fixed par absolute dans tes .js
position: fixed -> La position de l'image est déterminée par rapport à l'écran et "flotte" en permanence au même endroit de l'écran.
position: absolute -> La position de l'image est déterminée par rapport à la page et se déplace donc en même temps que la surface affichée à l'écran et finit par disparaître.
Si j'ai bien compris ta demande, il suffit de remplacer fixed par absolute dans tes .js
Re: Comment faire pour que mon image reste immobile en haut à gauche de mon écran sans qu'elle bouge ?
Bonjour,
Je te remercie pour ton intervention, effectivement le mot absolute permet de fixer l'image en haut de mon écran.
Merci à toi.
Mes membres vont être content.
Bien à toi.
Amicalement
Romain
Je te remercie pour ton intervention, effectivement le mot absolute permet de fixer l'image en haut de mon écran.
Merci à toi.
Mes membres vont être content.
Bien à toi.
Amicalement
Romain
Invité- Invité
Sujets similaires
» comment faire pour qu'une image bouge lorsque le curseur la touche ?
» Comment faire pour que mon fond bouge
» comment faire pour faire défiler une image dans le rang
» Comment faire un sujet "Important à lire" dans un forum ? Pour que le sujet ne bouge pas ?
» Comment faire pour que le fond du forum s'adapte à la taille de l'écran?
» Comment faire pour que mon fond bouge
» comment faire pour faire défiler une image dans le rang
» Comment faire un sujet "Important à lire" dans un forum ? Pour que le sujet ne bouge pas ?
» Comment faire pour que le fond du forum s'adapte à la taille de l'écran?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum