Petite animation d'un logo dans un header
2 participants
Communauté francophone - Jimdo :: Utiliser du code (utilisateurs avancés) :: Utilisation d'un design personnalisé
Page 1 sur 1
Petite animation d'un logo dans un header
Bonjour,
J'aimerais faire ce genre d'animation ( https:// codepen.io/j3gro/pen/sactq ) à l'ouverture de la page sur le logo du site dans le header, est-ce possible et surtout, comment?
D'avance merci beaucoup!
J'aimerais faire ce genre d'animation ( https:// codepen.io/j3gro/pen/sactq ) à l'ouverture de la page sur le logo du site dans le header, est-ce possible et surtout, comment?
D'avance merci beaucoup!
Re: Petite animation d'un logo dans un header
Pour un début de recherche…
Vous mettez la partie html dans un widget html, sur la page de votre site.
Vous mettez la partie CSS dans "modifier le Head" de la page concernée, entre des balises
<style> (coller ici) </style>
Cela devrait donner quelque chose de similaire à ce qui est préfiguré dans le panneau du bas à l'ouverture de page et au survol.
Pour appliquer le comportement au logo d'un site jimdo, cela demande de remplacer, dans le code que vous indiquez, les cibles par class dans les css (.container, .logo) par les class du logo de votre site. (à chercher en inspectant le code). je ne suis pas certain du résultat, car ce logo est construit par une écriture différente (balises <svg> et <path> ) de ce qui est utilisé dans Jimdo.
Certaines lignes du code seront sans doute inutiles sur Jimdo.
Vous mettez la partie html dans un widget html, sur la page de votre site.
Vous mettez la partie CSS dans "modifier le Head" de la page concernée, entre des balises
<style> (coller ici) </style>
Cela devrait donner quelque chose de similaire à ce qui est préfiguré dans le panneau du bas à l'ouverture de page et au survol.
Pour appliquer le comportement au logo d'un site jimdo, cela demande de remplacer, dans le code que vous indiquez, les cibles par class dans les css (.container, .logo) par les class du logo de votre site. (à chercher en inspectant le code). je ne suis pas certain du résultat, car ce logo est construit par une écriture différente (balises <svg> et <path> ) de ce qui est utilisé dans Jimdo.
Certaines lignes du code seront sans doute inutiles sur Jimdo.
Sujets similaires
» Animation Header Scrolling
» Avoir un header différent sur chaque page (un logo différent)
» Supprimer l'hyperlien du logo dans le header
» Modification header "Madrid" logo + titre
» Animation à l'ouverture page
» Avoir un header différent sur chaque page (un logo différent)
» Supprimer l'hyperlien du logo dans le header
» Modification header "Madrid" logo + titre
» Animation à l'ouverture page
Communauté francophone - Jimdo :: Utiliser du code (utilisateurs avancés) :: Utilisation d'un design personnalisé
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|