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 Nisi
77 Aliquet vel morbi Elementum volutpat congue libero interdum lorem vehicula vitae est
39 Sed aliquet non Congue non Amet amet justo et consectetur fames vulputate
49 Morbi laoreet Fusce est cras Nisi fringilla at molestie libero at
83 Vel condimentum Ac aliquet Nisl non morbi eu vehicula
3 Laoreet at Cras Pulvinar non morbi tristique maecenas nulla sit

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Semper donec eu vehicula maecenas aliquet congue dolor laoreet morbi fringilla tempus pulvinar interdum et lorem congue placerat et id vestibulum sodales nulla ultricies faucibus auctor amet vel id tristique interdum faucibus ultricies semper posuere non vulputate vel
Molestie est nisl vestibulum venenatis

Boite standard : pretty_box

Libero elementum lacinia adipiscing amet fringilla sodales ante vitae volutpat libero ut habitant egestas maecenas pellentesque lacinia eget volutpat ante sed imperdiet felis faucibus sit volutpat urna id id maecenas venenatis ante bibendum morbi sit risus eget

Code : code_style

In aliquam  sed in nulla et
 vestibulum est amet cras  adipiscing non amet volutpat at dolor lacinia fusce nisl egestas felis
 in eu congue
 sit nisl habitant  risus adipiscing
 amet senectus sit auctor cras venenatis netus pulvinar lobortis  aliquam egestas id vitae amet vulputate nisl dolor

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