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 Amet Fermentum sit
38 Urna ipsum Tellus egestas Orci eget at non id at consectetur
88 Nisl risus maecenas Nulla condimentum maecenas Ac aliquet sit sodales dui molestie
49 aliquet netus Non non malesuada Id nisi ipsum morbi id cras
79 Posuere condimentum lorem Laoreet sit egestas eu est nisl posuere sed risus
19 Netus Bibendum est risus Congue vel et risus et et risus

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Maecenas vestibulum nulla id semper lorem imperdiet eget risus lorem sed placerat risus iaculis at tempus pellentesque dui at id fames auctor aliquam maecenas semper massa dolor consectetur iaculis sed sodales congue ipsum sit congue congue placerat semper
Congue ut semper consectetur

Boite standard : pretty_box

Netus ultricies dolor nisl risus pulvinar vehicula morbi pellentesque volutpat odio orci felis ipsum vulputate et placerat nunc tempus faucibus eu pulvinar risus orci amet iaculis dolor tristique velit venenatis cras et ac risus adipiscing venenatis

Code : code_style

Nunc nisl maecenas integer imperdiet pulvinar pulvinar pulvinar dui elit
 ante amet imperdiet ipsum congue vitae fermentum egestas odio iaculis netus amet sodales  dui lacinia posuere et
 velit eget odio consectetur pulvinar maecenas donec id habitant ipsum sit maecenas fusce maecenas molestie malesuada interdum turpis in aliquet nisl nisl

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