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 In Imperdiet fringilla
88 Placerat iaculis lorem Lorem consectetur vitae Elementum vestibulum congue at maecenas morbi ante
11 Nisl turpis maecenas Bibendum lobortis non Urna bibendum lorem maecenas non at maecenas
96 Tempus id tristique Sit vel est Sit placerat tellus odio pharetra
35 Ante turpis nisi Vel fermentum et Eu amet auctor nulla venenatis
22 Libero nisi venenatis Maecenas eu Felis sed nisl nulla egestas et aliquet

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Ipsum lacinia faucibus nulla ut elementum aliquet venenatis elementum fermentum fermentum eget vestibulum vehicula ipsum vulputate risus tellus sit eget cras habitant imperdiet tellus pulvinar amet morbi sit egestas ipsum id massa vulputate maecenas pulvinar justo nisi nisl
ante pulvinar non donec

Boite standard : pretty_box

Velit sed in lorem risus velit habitant nulla est dui iaculis felis vulputate molestie et sed risus velit morbi elit risus fringilla adipiscing dolor non maecenas nulla faucibus orci ante vehicula auctor cras

Code : code_style

Non tristique
 et
 turpis  vitae velit egestas elementum  id consectetur ut  faucibus aliquam et venenatis donec imperdiet egestas imperdiet justo aliquam volutpat non at fermentum congue  lorem cras aliquam elit
 eget id at justo lorem nunc et risus  elit
 adipiscing nunc nisl maecenas nulla cras

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