CSS

Mettre une vidéo en pause au clique sur un élément de menu

Dans notre exemple, nous souhaitons que la vidéo d’introduction de notre Home Page WordPress utilisant le thème Onetone se mette en pause lorsque que l’on clique sur l’un des éléments de menu inclut avec le thème.

Il vous suffit pour cela de modifier votre fichier header.php contenu dans votre répertoire du thème à la ligne 54.

Remplacer :

Par :

 

Centrer verticalement un texte dynamique en CSS

Notre exemple à pour but de centrer un texte de façon vertical sans connaitre le nombre de caractère.

HTML :

CSS :

 

Afficher une div ou un bloc de contenu sur une page unique

Dans votre fichier votre_thème/layout/theme.php

Afficher une div sur une page unique

 Afficher un bloc de contenu sur une page unique

 Afficher un bloc de contenu et une div sur une page unique

 

Centrer un svg dans son container

Par défaut, les svg sont des éléments en ligne.

Il suffit donc de changer leurs types et ainsi nous pouvons les centrer facilement.

Comparer deux fichiers dans Sublime Text

Sublime_Text

La création d’un site internet passe par la création, l’édition et la correction de nombreux fichiers. Il est souhaitable de toujours mettre en place un système de versioning (version de fichier). Cette bonne pratique de développement nous permet de revenir sur d’anciennes version de fichier et de les comparer avec ceux en ligne.

Lire la suite

Feuilles types HTML5 + CSS3

Une feuille HTML5 type :

 Une feuille CSS3 type avec @media query :

 

Diminuer la luminosité au passage de la souris sur une image

Le filtre britghtness est une propriété introduite par le CSS3. Il faut donc appliquer le CSS correspondant pour chaque navigateurs.

 

Appliquer un style CSS uniquement sur Internet Explorer 9

Pour une valeur négative:

Pour une valeur positive :

! Fonctionne à conditions de placer le hack en dessous de votre code css.

1 2