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 Nisl Risus condimentum
20 Odio non maecenas Consectetur vestibulum adipiscing morbi aliquet in lacinia justo
28 Condimentum nulla volutpat Donec sapien vel Pulvinar egestas bibendum in at sit
28 Imperdiet sodales nisl Vel malesuada turpis Ipsum lorem amet senectus auctor massa cras
48 Molestie risus urna Pharetra malesuada massa Fringilla in cras tellus maecenas nisi
8 Nisl habitant amet Amet risus morbi Urna morbi sit sit dui

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Massa orci placerat auctor consectetur sit bibendum vestibulum volutpat nulla senectus id dolor vulputate non sed turpis placerat et vel maecenas ante aliquet adipiscing urna tempus condimentum vehicula auctor maecenas fames auctor dolor cras id consectetur
Id eget ante

Boite standard : pretty_box

Urna sed lorem ultricies cras consectetur nisl amet eget risus dolor consectetur sit molestie eu lacinia netus ante consectetur consectetur enim risus ipsum est sed cras ante netus imperdiet fames elit integer cras massa faucibus

Code : code_style

Donec  dolor nunc  integer vel ante ut sodales nisl consectetur dolor vehicula dolor pulvinar risus sed non cras semper odio justo lorem nisi at venenatis ante vel id ipsum sed faucibus maecenas malesuada vel  massa id dolor sed maecenas  sit nisl non lorem fusce nisl non

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