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 Id Aliquet ipsum
65 Nisl volutpat morbi Fringilla vel non Nunc felis amet congue venenatis
51 Congue senectus at Elit vitae pellentesque Ultricies aliquam id faucibus ipsum
25 Molestie at fames Sed id vel At tellus et ante turpis in
81 risus fusce Fames pulvinar morbi senectus non vestibulum bibendum adipiscing congue
23 Dolor interdum posuere Est libero sit Morbi est elit sed orci pulvinar

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Id at elit libero lobortis nisl velit netus at fames orci urna felis senectus id pharetra maecenas at ultricies pellentesque placerat fermentum sit tristique nulla fusce enim imperdiet sed id turpis et placerat sit
Orci tristique interdum elementum

Boite standard : pretty_box

Id habitant ante condimentum morbi sapien ipsum faucibus nulla habitant turpis nisl congue velit auctor morbi vestibulum nisi felis sit senectus sed nisl amet tempus est nisi nulla sit ipsum id ante risus volutpat sed placerat posuere

Code : code_style

Semper vestibulum imperdiet vehicula maecenas nulla congue velit amet nunc aliquam amet tellus
 lorem sit vel turpis eget cras faucibus pellentesque vestibulum vulputate elit
 egestas pulvinar consectetur  nisl adipiscing
 integer  ipsum semper placerat cras nisi imperdiet egestas vulputate
 dolor risus ipsum id nunc maecenas pulvinar id laoreet 

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