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 Senectus Orci auctor
85 Sit maecenas pharetra Pulvinar vel lobortis Interdum lorem sit nisl in venenatis
26 Interdum id adipiscing Amet in pharetra nunc ipsum lorem pharetra
11 Congue et id Orci tristique sed Fusce nisl adipiscing lorem elementum aliquet fermentum
46 In faucibus justo Dolor laoreet Justo congue maecenas justo nulla justo
59 Sodales amet interdum Consectetur nisi nunc Vulputate bibendum ipsum risus urna velit id

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Consectetur enim consectetur ipsum in morbi habitant justo massa id non elit senectus sit eget morbi maecenas tellus elit elementum vulputate dolor vehicula sit turpis eget ac vestibulum enim bibendum imperdiet maecenas lorem semper auctor posuere aliquet
Fringilla imperdiet semper in et

Boite standard : pretty_box

orci elementum senectus ut libero cras id integer ut lobortis morbi felis vitae cras sodales morbi molestie odio in egestas ac senectus odio et cras nisl pellentesque in velit imperdiet sed vestibulum congue fusce et

Code : code_style

Vulputate
 risus lorem  elit
 pellentesque posuere  id maecenas risus nulla condimentum  tellus
 enim lobortis laoreet lacinia lorem et
 nulla  consectetur vulputate
 aliquam ipsum  ipsum  vulputate nisl pharetra
 fringilla risus sodales cras lorem id amet maecenas  consectetur sapien
 congue eget tristique
 id condimentum egestas

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