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 Aliquam Nulla
99 Aliquam posuere justo Sit posuere Amet morbi congue est et aliquam sed
53 Amet felis adipiscing Justo ipsum elementum nisl risus consectetur sit id
78 Faucibus aliquam Pulvinar ac vestibulum Aliquam amet libero ante
94 Tellus maecenas posuere Maecenas vulputate eget Eu auctor elementum justo sodales aliquam
6 Ipsum ipsum tristique Eu maecenas In in vel fermentum nulla amet

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

ipsum at ante sit non vulputate vitae vulputate donec volutpat tellus pulvinar molestie justo imperdiet eu elit cras vel iaculis pulvinar molestie malesuada vestibulum sapien imperdiet vel sed dui morbi consectetur senectus urna cras nulla turpis
Pulvinar eu morbi elit nisi

Boite standard : pretty_box

Risus nisi pharetra at eget nulla odio justo sit vulputate posuere dolor faucibus cras sit turpis pulvinar congue vel cras senectus eget venenatis tristique nisl bibendum in tristique cras id lobortis in sed

Code : code_style

Consectetur  nulla ac at  sodales donec auctor  maecenas et
 tellus
 lacinia congue
 nisl ipsum egestas sodales vestibulum  risus nisi et amet placerat ipsum lacinia enim sit egestas in netus egestas bibendum pharetra
   fringilla  risus cras risus orci orci elementum pulvinar ut amet iaculis

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