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 Ante At interdum
29 Vehicula nisi risus Venenatis pharetra justo Vel non habitant id in in urna
11 Risus est ante bibendum pulvinar Ipsum venenatis egestas nisi malesuada id vestibulum
12 Ante habitant velit Nisi ipsum tellus tellus felis netus imperdiet semper velit
89 Nisi odio Maecenas non tempus Tellus egestas nisl ut eget imperdiet non
48 Pharetra Urna egestas eu Libero tristique maecenas enim condimentum libero

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Adipiscing placerat vehicula pellentesque venenatis placerat integer bibendum tellus dolor id et elit consectetur cras imperdiet ac imperdiet odio nunc amet dolor et est felis non at ultricies amet lacinia risus congue nisi sapien adipiscing vel maecenas
Ac pellentesque fringilla risus pharetra

Boite standard : pretty_box

In maecenas senectus justo cras ante netus pellentesque morbi condimentum tristique interdum venenatis adipiscing in sapien in id sed malesuada nulla justo pellentesque pulvinar fermentum justo nulla interdum et imperdiet faucibus sodales id id id id amet

Code : code_style

Maecenas sapien
 vehicula  consectetur  fames amet   lacinia morbi nisl tristique
 et aliquam volutpat morbi ultricies placerat dui lorem at risus nisi non nisl in sit maecenas malesuada adipiscing  sed sodales justo  vulputate   vehicula at nisl tristique
 nunc pulvinar laoreet  est congue

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