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
» Supprimer l'hyperlien du logo dans le header
» Ajouter logo dans header thème miami
» Inverser la position du titre et du logo dans le header
» Animation Header Scrolling
» Avoir un header différent sur chaque page (un logo différent)
» Ajouter logo dans header thème miami
» Inverser la position du titre et du logo dans le header
» Animation Header Scrolling
» Avoir un header différent sur chaque page (un logo différent)
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
|
|