CSS

Cet article renvoie à un précédent post sur la possibilité de créer des barres de chaque coté d’un titre.Da cet article on va plutot voir la technique pour placer une seule barre d’un coté ou de l’autre du titre, en l’occurence ici à droite. Voici un exemple de code: On crée une div dans laquelle […]

Voici une petite astuce desormais bien connue pour centrer une colonne boostrap Par exemple, pour un site qui contiendrait un conteneur principal sans sidebar, on pourrait donner à la colonne principale la classe suivante: On aurait alors notre colonne fixée à gauche , à cause des règles css bootstrap qui appliquent un float left aux […]

Bien des articles ont été rédigés sur la facon d’obtenir deux tirets latéraux autour d’un texte, un titre, comme ici Cet article ci montre les différentes solutions en cours pour parvenir à ce résultat Tous ont des inconvénients ou des avantages, mais le plus adaptable quelque soit la taille du texte reste cet exemple ci: c’est […]

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.