Font Awesome vient récemment de mettre à jour sa librairie en version 5, apportant de gros changements par rapport à la version précédente. Désormais on a le choix entre utiliser la version JS avec des icônes en SVG, ou la version CSS en faisant appel à la webfont classique, comme dans l’ancienne version. Dans cet […]
Ce sujet est désormais bien connu des intégrateurs, le bout de code css qu’on retrouve souvent pour annuler les marges bootstrap est le suivant; Dans notre fichier html ou php, on rajoute donc notre nouvelle classe no-gutter à nos div.row Ainsi tous les blocs « col-.. » à l’intérieur d’une classe « .row » n’auront plus les padding-left:15px et padding-right:15px […]
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 un petit mémo pour afficher un menu overlay sur son site wordpress, comme celui ci : Le menu est caché, et au clic sur l’icone du « menu burger » on fait apparaître notre menu dans un conteneur pleine page avec un effet d’opacité. On va ici procéder en 3 étapes. Tout d’abord je définis mon […]
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 […]