See the Pen pvbEax by yuyazz (@yuyazz) on CodePen. Le rendu est un peu crado mais appliquez le dans votre éditeur habituel pour un meilleur résultat . Les image logo sont bien entendu prises au hasard pour l’exemple.. Pour un entretien, j’ai du réaliser une page qui comporte des effets d’animation.J’utilise bootstrap pour structurer […]
Je viens ici donner une astuce pour la création de thème. En prenant exemple sur de nombreux thèmes worpress, la série des thèmes twenty par défaut, et d’autres très beaux thèmes proposés gratuitement , on s’aperçoit qu’ils ont souvent la même base, les mêmes fonctions. De très nombreux thèmes gratuits se basent sur ces thèmes […]
Aujourd’hui on va construire un formulaire assez fourni grace à Bootstrap 3 et ses nombreuses classes. L’idée est de faire un formulaire qui prenne toute la page, soit responsive, et qu’il soit découpé en plusieurs morceaux.Voici le rendu du formulaire: Ou en version simplifiée, avec juste les class bootstrap de base et quelques modif. Le […]
See the Pen blur background by yuyazz (@yuyazz) on CodePen. Dans ma page, j’ai une balise vidéo qui retourne en front une vidéo fullscreen, et je voudrais lui appliquer un flou, non pas une opacité mais un flou, pour ensuite faire apparaître du texte par dessus .Ce flou dans l’idéal, je voudrais le faire apparaître […]
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 […]
Aujourd’hui je vais partir de l’exemple d’un site, qui intègre un système de messagerie en php sous wordpress: les utilisateurs peuvent s’envoyer des messages, le destinataire reçoit la notification de ce message, et l’admin peut également envoyer des messages, des documents, ou encore notifier des rendez vous à l’utilisateur. Mais Ici nous traiterons que de la […]
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 le code qu’on peut facilement trouver pour mettre une vidéo en fond d’écran de son site, en mode html5 : Il existe de nombreux logiciels pour convertir vos vidéos.(EasyHtll5 Video) Et voici le css qu’on va appliquer pour que notre vidéo se cale en fond sur toute la fenêtre, en mode full-width: Pour une […]
Parmi toutes les solutions proposées pour adapter son site aux vieilles versions de IE, celle qui fonctionne bien chez moi, et qui me parait être la plus simple, c’est celle qui consiste à simplement ajouter une classe spécifique pour IE aux éléments qu’on veut travailler. Le commentaire conditionnel a placer entre les balises head est […]
Pour installer le framework Laravel, que l’on va passer en revue ici, on va devoir installer plusieurs choses : composer + php en line de commande: php 5.3.7 au minimum, + cmder. On télécharge commander . On télécharge composer ; ici on obtient le dossier zippé. Si vous optez pour cette solution, il faut dans l’arborescence de […]