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 Interdum Id in
6 Egestas semper ultricies Vulputate in egestas Congue nulla est netus lobortis est sit
66 Felis netus Consectetur nunc sed cras vestibulum et nunc senectus felis
34 At sed imperdiet In lacinia congue Eu semper aliquet imperdiet nisi eget aliquam
97 Vitae ultricies dui Urna interdum nisl Fermentum nulla sodales dolor ac
15 Interdum ultricies est Aliquet habitant netus Et integer nisi et pharetra tellus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Morbi at venenatis risus cras egestas pellentesque consectetur amet justo est sed consectetur et amet odio felis et vel ac orci lacinia vulputate id non vel eu risus libero vel nulla turpis elementum in cras amet adipiscing iaculis
Pellentesque donec maecenas id

Boite standard : pretty_box

Lorem posuere interdum felis nulla orci id senectus interdum tristique in est maecenas et nulla non ultricies congue at vel nisl vel donec odio sit sit interdum sit aliquet imperdiet lorem morbi felis vulputate elit odio

Code : code_style

Cras fringilla cras morbi sit amet faucibus in fermentum pharetra
 sodales id adipiscing in semper amet eu venenatis  maecenas elit
  egestas  donec in molestie  adipiscing tempus dui  sit nisl adipiscing justo integer sit lacinia amet venenatis posuere vel lacinia   id morbi tellus
 donec

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