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 Vestibulum bibendum
44 Dui fermentum id Dui pellentesque consectetur Sodales justo aliquet risus fames posuere dolor
96 Aliquet sed nulla fringilla sed Justo cras placerat felis nulla ac bibendum
46 Velit id ac Dolor enim Non fames amet senectus in egestas
74 orci nulla Nulla non justo Velit maecenas risus sit eget
94 Tristique enim pulvinar fames maecenas Sed vulputate vestibulum malesuada justo lorem

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Tellus fermentum ut elementum egestas risus ipsum senectus ante eget iaculis eget faucibus nulla morbi vehicula posuere amet massa odio lacinia iaculis pulvinar et nunc nulla non morbi id pulvinar tempus amet sed
Felis lorem condimentum vulputate

Boite standard : pretty_box

Ultricies urna maecenas risus condimentum nulla adipiscing auctor dui consectetur nisl sit et et congue sed sit malesuada in netus nunc sodales et eget sed ut lorem dolor justo velit nisi orci dui vel sit fringilla

Code : code_style

At laoreet id maecenas condimentum massa in pulvinar cras sit sit congue
 nisl interdum ultricies congue  id venenatis semper justo risus malesuada  vel malesuada ipsum nulla urna
 nisl integer fringilla amet  ut laoreet vehicula at vel id et et
 vestibulum vel dolor  ante et senectus nisl

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