Article(s) taggés avec ‘CSS’

Arrondir les coins en CSS

jeudi 6 janvier 2011

Arrondir les coins d’un div ou d’une image est un petit plus dans la création d’un site web pour casser la monotonie rectangulaire.
Malheureusement, il n’existe pas de style CSS unique permettant d’obtenir cela sur tous les navigateurs. Cependant, comme il s’agit d’un petit plus non obstrusif, l’on peut spécifier dans une classe CSS tous les propriétés permettant de couvrir un maximum de navigateur.

-moz-border-radius: 0px 5px 10px 15px;
-webkit-border-radius: 0px 5px 10px 15px;
-khtml-border-radius: 0px 5px 10px 15px;
border-radius: 0px 5px 10px 15px;

Evidemment, mon exemple propose un arrondi différent pour chacun des coins mais de manière générale, on se satisfera d’un arrondi commun à tous les angles que l’on obtiendra simplement un indiquant un valeur unique.

Page de login et inscription WordPress personnalisée

mardi 26 octobre 2010

Bonjour à tous,

WordPress est un fabuleux outil qui se prête à moult utilisations, dont celle de site pour association.
En quelques clics vous pouvez même rendre une partie visible seulement aux membres connectés de votre association.

Cependant, bien que vous soyez fier que votre site soit propulsé par WordPress, vous préfèreriez voir le logo de votre association sur la page de login (d’inscription et de mot-de-passe perdu) plutôt que celui de WordPress qui risque de faire suivre des membres peu avertis qui pourraient penser avoir été redirigés ailleurs.

Lire le reste de cet article »

Créer une galerie de photos (Etape 2)

mercredi 24 septembre 2008

Bonjour à tous,

Nous avions commencé il y a peu la fabuleuse aventure qu’est la création d’une galerie photo. En l’histoire de quelques lignes nous avions déjà une jolie page qui affichait les miniatures des photographies présentes aux côtés de notre script.

Aujourd’hui tentons d’aller un peu plus loin en proposant la navigation dans des sous-galeries créés par des répertoires dans mon répertoire principale et, au passage, tâchons de rendre cela plus joli!

Lire le reste de cet article »