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 Elementum Massa velit
56 Fames justo faucibus Venenatis enim cras Adipiscing id imperdiet id est non
3 Nulla nulla Vehicula amet id Risus risus congue velit aliquet
7 Orci ac dui At ipsum donec Faucibus eget pulvinar sit adipiscing consectetur faucibus
62 nisl vel Lorem posuere eu Vehicula sed lobortis ac libero nisl
17 Eget faucibus ante Lobortis et senectus In semper congue felis vel dolor in

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Pellentesque integer fames et lobortis semper tellus justo faucibus ipsum aliquet velit imperdiet libero ac adipiscing vel ultricies at posuere faucibus sed consectetur nulla vel est nulla in egestas velit adipiscing vestibulum maecenas id nunc velit nisl ipsum amet
Auctor sapien consectetur venenatis

Boite standard : pretty_box

Fringilla ultricies lacinia egestas in laoreet in enim malesuada id odio egestas morbi non consectetur senectus maecenas aliquet pharetra fermentum lorem maecenas id venenatis interdum maecenas nisi eget pulvinar venenatis eu lorem egestas

Code : code_style

Et nunc urna
 in  risus in lacinia vel tempus maecenas tellus
 lobortis amet  condimentum ipsum donec nisl pharetra
 adipiscing
  nisl orci lorem ipsum nulla iaculis pulvinar pulvinar fermentum ipsum felis
 risus nunc dui dolor ipsum amet lacinia id nisl pharetra
 dui habitant ipsum tristique
 tristique
 senectus dui

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