CSS

Voici deux trois exemples de boutons radios ou checkbox bootstrap stylisés: See the Pen LbexeR by yuyazz (@yuyazz) on CodePen.

Voici un exemple de code css qui va nous permettre de spliter une page en plusieurs colonnes. Ce code vaut pour des classes css  d’un thème wordpress par défaut.Pour tout autre cas, il suffira juste d’indiquer les bonnes classes dans votre fichier css Voici donc un exemple de css qui vous permettra d’afficher vos articles en colonne […]

On a déjà vu dans cet article notamment comment on pouvait centrer en jquery ou en css. Aujourd’hui je vais m’appuyer sur une autre technique qui date mais qui a l’avantage de fonctionner aussi sur le navigateur safari, en plus de tous les autres.En effet sur safari la technique bien connue qui consiste à placer un élément […]

Dans cet article nous allons voir comment créer dans wordpress un slider avec le carousel bootstrap. Je vous renvoie à cet article pour  créer un type de contenu particulier et vous en servir comme slider dans wordpress.Bien sur, il faut au préalable télécharger bootstrap et l’intégrer à son thème. Dans un système de carousel, la classe dite […]

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 […]