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 In fames
23 Vel sed morbi Fermentum nunc senectus elit at felis nunc lorem non
5 Auctor odio fusce sed at Felis orci tristique orci in habitant
62 Lorem justo Justo in pulvinar Venenatis eget velit dolor dolor justo
66 Pharetra nulla justo Et est dolor Venenatis iaculis massa posuere amet vehicula
96 Interdum elementum imperdiet Enim tristique et Vel non malesuada vestibulum imperdiet bibendum

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Et dui fames id lacinia vitae congue congue et auctor maecenas sit netus est consectetur lorem cras bibendum at in congue felis risus justo morbi habitant fringilla et vestibulum libero maecenas auctor ante in est risus pellentesque elit pulvinar
Faucibus fermentum eu lorem

Boite standard : pretty_box

Nisl maecenas lorem et risus molestie cras vestibulum sit venenatis sapien eu sit molestie iaculis faucibus auctor adipiscing iaculis in congue orci in faucibus malesuada venenatis maecenas netus morbi adipiscing est orci interdum dolor habitant venenatis

Code : code_style

Lobortis pulvinar at ac non pulvinar  egestas laoreet fames faucibus pulvinar vehicula ac tempus felis
  turpis  ipsum nulla maecenas at maecenas sit netus fusce  elit
 pulvinar id congue
 elit
 vulputate nisl nulla  risus donec laoreet aliquam imperdiet vel nisl molestie morbi ante vitae sed ante

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