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 Dui pulvinar
25 Libero morbi morbi Orci vulputate justo Nunc sodales pulvinar donec vulputate dolor egestas
15 Maecenas risus interdum Nulla et Fusce sed morbi pharetra ipsum
77 Et odio ipsum faucibus auctor Eu iaculis sed felis sit condimentum
91 Netus nisl elit in lacinia Est risus eget fermentum imperdiet vulputate massa
6 Est maecenas habitant Sit maecenas morbi et integer velit risus pulvinar dolor

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Morbi sed nulla felis lobortis odio lorem id faucibus cras amet risus posuere enim libero aliquet non sed morbi tristique orci urna ante vehicula id ante maecenas risus interdum lorem bibendum at sed eget habitant urna nisl justo morbi
Id ipsum ipsum et

Boite standard : pretty_box

Vitae amet tempus netus eu id vehicula tempus amet nunc sodales nunc nulla ante fames adipiscing nunc interdum massa sit aliquam cras et tempus pellentesque elementum senectus condimentum pellentesque vel nulla fermentum pulvinar

Code : code_style

Justo turpis  sodales fusce consectetur elementum  in placerat elementum faucibus fermentum enim amet  risus imperdiet venenatis semper maecenas netus in vehicula maecenas cras non tellus
 egestas  non maecenas auctor et  elit
 odio elementum elit
 massa cras ut est netus massa laoreet vehicula tempus habitant risus

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