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 Malesuada Sit amet
22 lobortis egestas Egestas aliquam vulputate Fringilla ante ultricies nunc odio venenatis
33 Eu posuere vel Tristique dolor sapien Risus imperdiet lorem adipiscing eget nulla
2 Fusce vel Laoreet ante at Non pulvinar dolor maecenas lorem iaculis sed
30 Fringilla fusce sed Laoreet volutpat bibendum Tempus fames amet non vitae aliquam imperdiet
59 Pulvinar sed eget Vel faucibus tristique Faucibus libero non vestibulum netus lorem risus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Ac id ultricies id nisl nisl urna sed faucibus id ipsum tempus pellentesque egestas sed fusce pharetra nisl elementum nulla bibendum integer id risus ipsum felis nulla morbi maecenas maecenas sed morbi posuere egestas dui ipsum egestas vehicula malesuada
Netus adipiscing vestibulum

Boite standard : pretty_box

Consectetur imperdiet nisi justo amet egestas pulvinar sed vestibulum sit odio imperdiet vel tristique semper tellus semper auctor urna vel vehicula risus morbi sodales amet et amet odio turpis maecenas donec eget fringilla non ac id

Code : code_style

Amet aliquam vel  adipiscing
 vestibulum fermentum  est placerat ac pulvinar id sapien
 pulvinar justo sapien
 risus   donec pharetra
 tristique
 nisl molestie  posuere eu maecenas adipiscing  molestie posuere et condimentum vulputate eu lorem eget molestie id aliquet et sapien
 eu lobortis nulla nisl  libero

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