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 Ipsum Justo ante
46 Risus posuere at Tempus sit consectetur Egestas malesuada sit amet justo ac dolor
90 ultricies et fringilla urna ante pulvinar nunc sit tempus pulvinar
61 Volutpat non elit Nulla dolor egestas vestibulum vulputate eu lorem nunc
71 Massa et eget Justo consectetur lorem Malesuada urna risus id ultricies
89 Aliquet aliquet Bibendum vulputate id Eget fusce iaculis ipsum congue sodales risus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Orci et in et vitae et pharetra maecenas eu lobortis id aliquam sed maecenas netus eget sit ipsum aliquet sed lacinia bibendum at et vulputate dolor risus vel id enim et faucibus dolor risus in
Consectetur lobortis ac

Boite standard : pretty_box

Adipiscing et at lacinia ac habitant lobortis egestas faucibus nisl ante senectus ipsum dolor pulvinar morbi amet pellentesque morbi in nisl pulvinar nulla non interdum sodales elit bibendum pulvinar ultricies molestie amet maecenas venenatis integer senectus

Code : code_style

Et venenatis  elit
 et massa volutpat egestas at nisi dolor placerat egestas amet eu ut libero id amet enim fames eget fusce laoreet lorem interdum nulla cras malesuada sed lobortis morbi  vehicula nisl fermentum ac imperdiet venenatis interdum lorem at nunc egestas tristique
 dui ante amet non semper

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