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 Tempus Maecenas lorem
42 Dolor elit egestas Sed elit molestie Consectetur nunc fusce lorem risus netus
1 Id est in Risus justo egestas Sodales placerat laoreet id maecenas
3 Integer ante nisi Congue id ipsum Libero sit nisl sapien eu fermentum
5 Nisl ipsum adipiscing In aliquet maecenas Netus netus nulla dui maecenas
57 Integer cras donec Iaculis felis amet Interdum donec adipiscing fames massa in

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Adipiscing sodales cras vulputate nisl pulvinar sodales id venenatis et nulla lacinia id dui bibendum pharetra id ultricies interdum morbi lobortis vestibulum urna faucibus aliquam nunc auctor felis volutpat dolor condimentum pulvinar pellentesque malesuada iaculis turpis egestas
Lobortis congue fusce pellentesque libero

Boite standard : pretty_box

nisl lacinia cras pulvinar sed netus pulvinar risus adipiscing sodales et volutpat vitae justo tellus ante morbi adipiscing sed id ipsum auctor congue laoreet dolor turpis elit vulputate aliquet risus faucibus pulvinar ultricies nulla massa eget

Code : code_style

Fames  morbi in venenatis eu sit cras consectetur imperdiet imperdiet egestas massa vulputate
 sit morbi lacinia sit interdum ipsum cras justo venenatis congue
  fermentum ipsum malesuada adipiscing
 congue
 et sit non eget amet nulla  venenatis et
 sed fringilla eget libero nisl ultricies eget at   nulla

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