Dans ce petit tuto, on va voir comment utiliser des icones autre que celles utilisées par bootstrap notamment, ou font awsome.. On va se servir de Linear Icon qui génère de belles icones comme l’icone menu de ce site. Voici le lien cdn à mettre dans le header, ou le fichier functions de votre wordpress: La […]
Dans la plupart des sites actuels, surtout les one pages, on retrouve les fonctions jquery d’ancres, sur les menus, des boutons « descendre », des boutons « back to top » etc.. Je suis tombé sur un site wordpress qui utilise la fonction localScroll, qui applique une fonction permettant d’agir sur tous les liens contenant une ancre.Le problème est […]
Pour ajouter un voile opaque à son image background, voici un petit bout de code css bien utile à adapter selon ses besoins:
Petit mémo css pour changer de background (couleur ou image) au clic sur un input radio: See the Pen XbqOdr by yuyazz (@yuyazz) on CodePen. Ici a technique, reprise d’un post de Stack Overflow, consiste à rajouter une div en position absolute, ici la div class active, et on la colore en bleu ciel […]
Voici un code pen d’un menu crée pour un site horizontal.. ici je mets le code hml css, pour le menu, le code js pour l’ouverture au clic du menu Le menu baisse ou remonte au clic et reste en position fixe sur la page. See the Pen NqXaaG by yuyazz (@yuyazz) on CodePen. Cliquez […]
Voici un code sommaire pour un menu latéal oblique, qui s’ouvre et se referme au clic sur l’icone burger. J’utilise ici icon-font.min.css pour les deux icones d’ouverture et fermeture du menu. Le Js fait le reste See the Pen zGpEwE by yuyazz (@yuyazz) on CodePen.
Pas d’explication, juste du code, pour faire apparaitre au survol un texte d’explication à la place de l’image, un texte plus large que l’image, à l’inverse des beaux effets jquery qui la plupart du temps restent à l’intérieur du cadre See the Pen zGpENd by yuyazz (@yuyazz) on CodePen.
Voici un tuto bien lourd sur la possibilité de créer un formulaire multi page :le principe ici est de coder plusieurs formulaires dans la meme page html ou php, mais de n’en montrer qu’un à la fois, et la fin de l’url du site prendrait donc en paramètre l’ID du formulaire . Au niveau requetes et […]
Ayant travaillé recemment sur le responsive, j’ai réalisé combien il etait difficile d’avoir un rendu similaire sur tous les types de mobiles.En codant pour l’iphone 6, généralement ca passe aussi pour les samsung et windows phone, iphone 5 et 4 sont quasi identiques, les Nokia ont des dimensions et donc des medias queries qui peuvent rentrer […]
Petit mémo pour rappeler la technique css pour cibler par exemple, dans une liste d’articles avec une barre horizontale (<hr>)de séparation sous chaque article, le dernier article ou dernièr <hr/> Sur WordPress, la loop est généralement appelée dans un fichier archive ou caregory ou index, qui renvoie pour le contenu vers un fichier ‘content-‘.A la […]