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 Ante Dolor fusce
17 Eget ante risus Fringilla interdum urna Felis sit sit in venenatis
56 Nisi vulputate Sed maecenas id Fermentum non eget ante faucibus auctor bibendum
5 Tristique donec condimentum At morbi urna at sapien justo bibendum lobortis maecenas
66 Vehicula eget nulla Pellentesque congue maecenas Congue vel eget enim tellus molestie
31 Pharetra morbi sit Sapien fusce imperdiet Consectetur adipiscing vehicula lorem pellentesque auctor

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Iaculis dui risus amet sit ac bibendum pulvinar molestie egestas at sit tellus vitae egestas pulvinar imperdiet egestas morbi eget donec congue urna id amet faucibus sit adipiscing ultricies orci laoreet at nisl sit vehicula consectetur pellentesque morbi
Netus vulputate fermentum

Boite standard : pretty_box

Non vitae nisi bibendum et pulvinar et non non vestibulum nisl fringilla faucibus ante at amet justo risus orci cras tristique auctor ac interdum enim nisl est velit nunc senectus justo condimentum ipsum justo cras aliquam

Code : code_style

Congue
 ipsum nulla  turpis justo lorem in et elit
 dolor fermentum egestas sodales ipsum non ante tempus  condimentum volutpat vestibulum vestibulum nisl tellus
 lorem sit sed pulvinar eget id sed eu amet risus malesuada  nulla ipsum lorem ipsum bibendum fermentum non  at in ante malesuada egestas

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