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 Enim Faucibus
72 Morbi est pulvinar Libero elit turpis Condimentum habitant ac et nisi risus integer
72 Nisl lacinia non Non nulla dui Amet morbi non pharetra risus massa et
89 Aliquet justo eget senectus risus At egestas ac morbi sodales volutpat elementum
17 Sit interdum malesuada Sed maecenas consectetur Et non pulvinar turpis vehicula habitant egestas
91 Enim congue fermentum Morbi at velit Adipiscing lorem pulvinar vel integer maecenas in

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Tristique et massa cras in lorem vel morbi adipiscing felis semper nisl netus velit non adipiscing vitae pharetra congue maecenas et turpis enim aliquet ipsum bibendum urna bibendum iaculis justo dolor at ac bibendum amet vulputate maecenas placerat
felis nulla non

Boite standard : pretty_box

Molestie justo felis maecenas consectetur malesuada ultricies egestas volutpat massa velit consectetur at egestas at et interdum sit sed eget sit egestas imperdiet non id faucibus massa lorem et ultricies egestas ut

Code : code_style

Eget risus eget justo imperdiet eu maecenas libero egestas pulvinar id massa ut id massa  est maecenas sit libero auctor risus vel cras lobortis adipiscing
 adipiscing
 molestie faucibus  id egestas aliquet venenatis  elit
  justo laoreet laoreet amet id amet condimentum tristique
 consectetur at  morbi imperdiet

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"



GSite, Développement, CSS, Gestion de contenu, Intranet
haut de page