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 Nulla Pulvinar in
53 Faucibus interdum nulla Pulvinar massa Aliquam egestas nisl imperdiet imperdiet sed pellentesque
82 Fusce maecenas malesuada Cras in fusce Aliquet enim egestas venenatis justo ac lobortis
92 Risus turpis congue Massa vel Ultricies iaculis et dui enim lorem
24 Eget pellentesque adipiscing Id ante tellus Posuere imperdiet sed id egestas odio lorem
62 Consectetur cras massa Donec cras eget Vestibulum pulvinar vulputate fusce amet nisl tellus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Elit adipiscing dolor in congue interdum pulvinar id pellentesque adipiscing odio vestibulum habitant non elit fringilla nisi eu id ante sodales interdum interdum amet senectus fringilla sit pulvinar in sapien vel aliquam habitant id semper nulla tristique
Tellus ipsum risus adipiscing tempus

Boite standard : pretty_box

Dui dolor sit ante felis consectetur at eget aliquet amet nisi sodales sed fermentum imperdiet id id id in dolor imperdiet aliquet vulputate egestas nulla posuere vel habitant egestas malesuada lorem felis cras vitae consectetur

Code : code_style

Pulvinar lobortis ante justo lacinia sapien
 bibendum placerat eget orci sit risus maecenas vel ut condimentum habitant nunc at donec congue
 venenatis pellentesque sed nisi morbi id pharetra
 semper aliquam fringilla at placerat sit condimentum nulla senectus est non habitant velit pulvinar sit fusce consectetur massa risus netus non adipiscing

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