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 Justo vestibulum
71 Sit faucibus fermentum Faucibus vehicula id nulla fermentum nulla sed turpis
33 Venenatis lacinia tellus Risus maecenas Amet tempus vel et laoreet id eget
62 Nisl ante fusce Morbi consectetur semper Fermentum et dolor ante netus volutpat
78 Est nulla dolor Ut aliquam amet Morbi venenatis cras tempus volutpat ac
3 Maecenas egestas vel Egestas risus eget Morbi amet ante massa nisi odio risus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

tellus in congue fusce risus imperdiet sit non id fermentum nisl vel in fermentum eget non id faucibus amet id velit nisl amet massa ante tristique maecenas laoreet vehicula lobortis egestas placerat amet fames sapien
Orci ante elementum dolor amet

Boite standard : pretty_box

Maecenas pulvinar amet vel sed risus eget sit id sapien felis massa elementum id venenatis imperdiet fusce interdum id fringilla consectetur sit eget cras ac eu dolor pellentesque nunc molestie lobortis fringilla vitae at netus nisl

Code : code_style

Ante tellus
 molestie tempus interdum aliquam  congue
 velit laoreet pulvinar consectetur vel egestas  venenatis aliquam venenatis vel fames amet dui vel  cras id  egestas morbi  fusce  enim volutpat adipiscing
 amet libero id vulputate eget id lorem vel ipsum egestas id aliquam in vestibulum 

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