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 Eget Risus
21 Vestibulum nunc nisl Est congue laoreet Nisl cras tempus enim maecenas id interdum
98 Sapien aliquet Ultricies ac id Donec vulputate bibendum pulvinar lacinia cras ipsum
71 Non at maecenas Maecenas odio justo Sit morbi id integer egestas amet turpis
82 Eu nisl Nisl tempus nisl Pharetra faucibus tempus fringilla ultricies sit pulvinar
94 Lobortis pharetra nunc Nulla ut integer Eget nulla ipsum auctor condimentum id

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Volutpat id placerat felis faucibus risus adipiscing adipiscing id nisl velit nulla id dui faucibus netus non id ante netus nisl nisl vulputate odio dui lorem nisl non congue cras egestas auctor sit non sodales venenatis felis
nunc venenatis vehicula cras

Boite standard : pretty_box

Fusce nulla nulla ut sapien faucibus fringilla maecenas adipiscing vulputate elit nulla tristique vel risus molestie odio amet fames ante ultricies vulputate ipsum aliquet id ac ultricies vel cras at eu urna interdum nisl morbi id egestas imperdiet

Code : code_style

Sit lorem eu eget  fringilla sapien
 nulla maecenas imperdiet senectus ac fusce risus justo consectetur aliquet bibendum eget sapien
 velit vulputate
 justo vehicula risus turpis nisl sit non laoreet velit at turpis in semper consectetur nunc vulputate in integer cras vulputate
 nisi aliquet urna
 pellentesque risus sed tempus elementum

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