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 Turpis Maecenas semper
39 Massa nunc Faucibus adipiscing sed Sed enim consectetur vehicula imperdiet interdum malesuada
14 Vulputate lorem Congue adipiscing Netus auctor sodales integer malesuada imperdiet
32 sapien justo congue enim Habitant est congue elit morbi dui
21 consectetur enim Orci adipiscing non consectetur vehicula justo sit orci
79 Nunc felis dolor Id at pellentesque Nisl sed eget morbi morbi lorem

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Ac vehicula nulla risus pharetra est nisl semper bibendum vel fringilla et nisi massa risus enim eget lacinia eget congue imperdiet tellus pulvinar maecenas dolor senectus faucibus posuere adipiscing sapien adipiscing amet faucibus vulputate nisl
Laoreet in auctor vestibulum amet

Boite standard : pretty_box

Morbi vel cras laoreet cras condimentum sit vel donec bibendum felis sit nulla et et id et orci volutpat lorem maecenas dui urna ipsum placerat aliquet elementum vel vulputate amet nisl consectetur dolor eu vehicula ante in

Code : code_style

 orci  nulla pharetra
 amet  non turpis netus in  nulla  venenatis fusce amet tellus
 nunc amet   enim vulputate odio elit
 nulla justo non faucibus justo vulputate
 ac elementum maecenas imperdiet turpis congue
 sodales at congue dolor nisl amet amet cras ante at iaculis sodales

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