Image Flottante

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image Flottante

Message par Ezio7080 le Jeu 26 Juin 2014 - 14:05

Bonjour j'aimerais mètre une image flottante a coté de mon forum et quelle tourne sur elle même

Merci a vous !

Ezio7080
**

Masculin
Messages : 70
Inscrit(e) le : 04/12/2013

http://www.fightcube.biz/
Ezio7080 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Flottante

Message par Self le Jeu 26 Juin 2014 - 19:00

Bonjour,

J'imagine que si vous mettez votre image dans le overall_footer_end avant la balise fermante du body :
Code:
    <img class="fix_img" href="adressedelimage.jpg" alt="" />
</body>
Sans oublier de publier le template en cliquant sur  ajout .

Et qu'on lui applique ensuite le css suivant à mettre dans la feuille de style (Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS) :
Code:
.fix_img{
   position:absolute;
   top:40%; right:25px;
   animation:rotate 2s linear infinite;
   -webkit-animation:rotate 2s linear infinite;
}

@-webkit-keyframes rotate{
   0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100%{
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes rotate{
   0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100%{
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}
on devrait arriver au résultat voulu ou presque ^^.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Flottante

Message par Ezio7080 le Jeu 26 Juin 2014 - 20:40

Merci beaucoup Very Happy

Ezio7080
**

Masculin
Messages : 70
Inscrit(e) le : 04/12/2013

http://www.fightcube.biz/
Ezio7080 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Flottante

Message par Chacha le Ven 4 Juil 2014 - 10:12

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 51013
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum