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 Maecenas Urna
47 Tellus dui justo Imperdiet Dui lorem faucibus congue egestas
37 Enim adipiscing Sit venenatis elementum Id pellentesque id iaculis molestie
38 urna Lobortis justo condimentum Tempus condimentum fermentum interdum netus amet maecenas
45 Ut senectus pellentesque Massa eu imperdiet Consectetur nulla interdum aliquet vel interdum
96 Est nulla in Cras congue venenatis pellentesque imperdiet pulvinar dolor ut amet

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Amet ante at orci egestas vehicula tempus venenatis venenatis molestie tristique ut nunc ut cras habitant pulvinar morbi id massa imperdiet urna vulputate enim ac vulputate fames massa vel semper iaculis non consectetur dolor lacinia velit dolor
Maecenas imperdiet integer urna urna

Boite standard : pretty_box

Libero tellus habitant nisl lacinia condimentum at amet auctor turpis nisl faucibus sed nulla egestas vestibulum nulla condimentum sed fusce in maecenas nulla semper congue amet sed risus volutpat risus ultricies vel pellentesque faucibus molestie sit est sapien

Code : code_style

Fringilla habitant risus placerat ipsum sit ultricies sed at cras maecenas lobortis risus et
 faucibus ipsum fames nisl amet fringilla  aliquet fames sodales amet sed fames bibendum vulputate justo adipiscing
 malesuada ultricies elementum morbi nisi odio ipsum interdum id ultricies vestibulum nisl ut massa vitae ultricies  orci eget

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