Refonte générale des interfaces d'applications

Jeudi 20 Décembre 2012 - 18:52

Refontes des styles prédéfinis des interfaces applicatives et intégration d'une font icônique pour l'uniformisation des icônes d'applications.

Boutons : button_round

Bouton 1  Bouton 2  Bouton 3

Boutons formulaires

Annuler Valider

Tableaux : pretty_table

Id Titre Volutpat Pharetra auctor
16 Tristique vulputate risus Sit non dolor Et ante imperdiet ipsum felis auctor sapien
76 Libero id sed Felis nisl Sed ultricies ipsum velit id pellentesque
88 Est fames amet dolor congue Tempus fringilla eget tellus risus
81 Sodales congue imperdiet Orci massa at fusce vulputate posuere ante et
60 Adipiscing ipsum nisl Massa turpis ante maecenas fringilla interdum senectus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Et fames venenatis vitae turpis nunc eu fermentum habitant fermentum ante auctor tellus congue tristique vulputate vehicula lorem integer nulla enim at fames velit nulla turpis eget id nisl adipiscing risus interdum volutpat massa est tellus
Sit maecenas non tempus enim

Boite standard : pretty_box

Id pulvinar cras venenatis dolor donec justo vulputate odio consectetur placerat pulvinar orci sit enim morbi fusce congue vulputate vitae eu consectetur volutpat non et elit in tellus velit egestas semper vulputate venenatis habitant condimentum fusce

Code : code_style

At at ante id pharetra
 ante sit risus dolor lacinia velit eget fusce at condimentum aliquet nulla maecenas at ultricies  volutpat eget id id imperdiet orci senectus amet libero congue
 maecenas justo habitant egestas justo egestas maecenas vehicula orci pulvinar sit massa eu bibendum auctor posuere vulputate non bibendum

Couleurs de texte

color-bluecolor-orangecolor-redcolor-pinkcolor-greencolor-yellowcolor-greycolor-blackcolor-white

Couleurs de fond

backcolor-bluebackcolor-orangebackcolor-redbackcolor-pinkbackcolor-greenbackcolor-yellowbackcolor-grey

Palette de couleur utilisée : Solarized


Font-icons

Tailles prédéfinies

  • size-16
  • size-18
  • size-22
  • size-24
  • size-32
  • size-48
  • size-64

Web Application Icons

Intégration de la police d'icônes Font Awesome

Suite à la mise à jour, changement de syntaxe pour utiliser une icône, utiliser la syntaxe "fa fa-*"

Exemple :
"icon-ok"
devient
"fa fa-ok"



GSiteDéveloppementCSSGestion de contenuIntranet
haut de page