Descendez dans la fenêtre pour voir apparaître le texte.. See the Pen JoKRvo by yuyazz (@yuyazz) on CodePen. On va reprendre depuis le début..Pour faire un background vidéo tout se fait en css. On place la balise pour notre vidéo dans le header (header.php) par exemple ou dans sa page d’accueil (home.php): Voici le css […]
Pour faire apparaître du texte, ou une div toute entière de manière progressive, on a plusieurs choix: en css ou jquery. Imaginons que j’ai plusieurs div dans la page, je leur ai mis une classe : vignets Voici le code css pour pour faire apparaitre l’ensemble de vos éléments en fade in; Nous avons aussi la […]
Voici un petit mémo pour afficher vos articles ou custom post sur votre site wordpress, en défilement automatique vertical : Dans le Gif animé, on voit un certain nombre de custom post appelés « chroniques ». La manière dont ils vont se présenter va dépendre de votre css. Ici, je le fais ressortir sous la forme de […]
Pour ma section portfolio, j’ai cherché une manière originale pour afficher des réalisation :la frise chronologique peut être une bonne option. Pour cela, on va se servir d’un outil en ligne. Rendez vous à cette adresse: http://timeline.knightlab.com/ . Il vous faudra utiliser google spreadsheet, lister vos réalisations sous l’outil en ligne , renseigner les champs demandés : le […]
Ici on va voir comment faire un slider de posts, une galerie horizontale des derniers articles. Pour ce premier slider de posts : … c’est très simple, il suffit de télécharger le plugin smooth slider. Vous l’installez, puis dans les réglages il suffit d’indiquer le type de scroll souhaité, il n’y aura qu’un article à chaque défilement. Le plugin […]
Pour avoir une page d’accueil un peu originale on peut avoir envie de mettre un bouton d’entrée sur son index. See the Pen OPXRKv by yuyazz (@yuyazz) on CodePen. L’utilisateur devrait alors cliquer sur le bouton pour entrer et voir tout le site. L’index.html, première page chargée, doit donc être codée au plus simple : […]
Nous avons vu dans un premier tuto comment ouvrir une popup au chargement de la page d’accueil. Cela peut servir par exemple pour informer l’utilisateur, le rediriger vers plusieurs liens possibles etc.. Une deuxième solution, pour ouvrir une pop up au chargement de la page, est d’utiliser le plugin ColorBox: See the Pen timeOutpopup by […]
Une technique propre et rapide pour afficher une pop up au chargement de la page d’accueil consiste à utiliser uniquement du css et un peu de js . See the Pen EaZjzj by yuyazz (@yuyazz) on CodePen. Et voici le code html de mon index.html : On place le onload sur le body, ce qui […]
See the Pen Tabs en jquery by yuyazz (@yuyazz) on CodePen. Voici un petit mémo sur la fonction tabs en jquery . Pour l’exemple, on va partir sur une page html toute simple (il faut bien sûr relier sa page à jquery pour que ca fonctionne): Tout comme pour le système des ancres, on crée […]
See the Pen fadetoggle by yuyazz (@yuyazz) on CodePen. L’effet fadeToggle permet de masquer un élément et de le faire revenir avec un effet de fondu. Voici notre petit menu : Au clic sur le bouton, on fait disparaître le menu, et on le fait revenir en cliquant à nouveau sur le bouton.