Archive(s) pour la catégorie ‘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 »

Application: créer une tuile de fond dynamique

dimanche 9 novembre 2008

Bonjour à tous,

Aujourd’hui nous allons utiliser l’algorithme de translation de ma class image pour créer des fonds continus dynamiquement.

Dans le jargon du net, nous avons coutume de les appeler par leur nom anglais: background tile.
Ces petites images répétées en fond de page ou de morceaux de page HTML forment un tapis continu agréable à l’oeil et sont surtout moins lourd qui énorme image mise en fond de page.

Lire le reste de cet article »