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 Cras elit
9 Nulla risus at congue lacinia Auctor morbi egestas eget vestibulum in
93 Enim egestas fringilla Morbi dui pulvinar Orci amet risus nunc id pharetra
6 Molestie morbi adipiscing Fermentum bibendum lorem In vel pulvinar semper risus eget vel
67 Pellentesque consectetur dui et Malesuada sed fermentum congue fermentum nunc
23 Ante bibendum Risus amet Enim sodales dolor molestie

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Venenatis justo ante nisl ipsum at nulla adipiscing tellus vehicula pulvinar imperdiet vitae fames volutpat odio vestibulum justo id congue vulputate amet dolor at tristique amet condimentum risus bibendum risus nisl in donec vel
faucibus justo pulvinar enim

Boite standard : pretty_box

Non dui bibendum adipiscing velit maecenas venenatis amet imperdiet amet risus nisi justo bibendum velit vel pellentesque justo amet molestie amet id cras amet egestas malesuada aliquam sed consectetur consectetur lobortis ante congue placerat ipsum condimentum in

Code : code_style

At posuere fringilla  nunc consectetur pulvinar lobortis vel turpis imperdiet  aliquam lorem ultricies vehicula egestas et
 nulla tristique
 eget  libero turpis habitant  ante enim consectetur sed egestas id vel tristique
 senectus amet elementum at et senectus  congue eget tristique
 ante fermentum libero risus libero malesuada

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"



GSite, Développement, CSS, Gestion de contenu, Intranet
haut de page