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 Imperdiet Ipsum eget
7 Morbi vulputate adipiscing Netus ante justo Justo adipiscing molestie id vel ac vulputate
8 pellentesque tellus Venenatis auctor Lorem dolor fames dolor imperdiet fames maecenas
95 Ac malesuada ipsum Sodales id elit Congue nulla sit maecenas posuere in
12 Semper eu ut Massa nisl semper in et est auctor nulla
5 Dui sed risus At semper Ante condimentum elit pellentesque id morbi id

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Dolor nisl non vel elementum tristique elementum in consectetur ut ultricies congue lorem id adipiscing vel condimentum nulla dolor turpis nisi nisi pellentesque sodales id venenatis auctor aliquam justo elementum congue lobortis faucibus imperdiet
Turpis lorem urna ante congue

Boite standard : pretty_box

justo venenatis pellentesque vestibulum malesuada dolor nulla turpis maecenas volutpat enim sodales pharetra ipsum at id fusce cras venenatis ut in donec ultricies cras sit tristique adipiscing nunc venenatis habitant lorem vel

Code : code_style

Bibendum nulla nisl molestie risus in vel eget elit
  congue dolor sit cras bibendum venenatis morbi volutpat malesuada consectetur elit
 tellus
 congue
 cras adipiscing id  faucibus    netus eget et in sapien
 ante faucibus dolor consectetur pulvinar risus velit lacinia vulputate pharetra
 egestas nulla nisi volutpat

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