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.
Tableaux : pretty_table
Id | Titre | Turpis | Ante dolor |
---|---|---|---|
91 | Habitant vulputate turpis | vehicula congue | Sodales congue id velit elementum dolor maecenas |
9 | Faucibus ac urna | Nisi justo bibendum | Et imperdiet velit ipsum tellus |
92 | Maecenas id pellentesque | Morbi cras vel | Morbi risus vitae eget interdum et |
11 | Nisl elementum ultricies | dolor | Nulla imperdiet condimentum tempus elit amet nisl |
7 | Vitae et eu | Vehicula amet nisl | Id massa habitant vel bibendum |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Semper cras dolor consectetur interdum odio ante vulputate pharetra nulla sed pellentesque imperdiet sit sapien ultricies interdum faucibus elementum semper id eget ipsum pulvinar risus placerat nulla pulvinar vestibulum venenatis justo pellentesque et placerat massa sed consectetur nulla ipsum at bibendum at eget ipsum
Listes : pretty_list
- Tellus orci adipiscing consectetur
- Condimentum lacinia elit
- adipiscing eget id habitant fringilla condimentum
- Lobortis eget sit in maecenas nisi turpis id
Couleurs de texte
color-bluecolor-orangecolor-redcolor-pinkcolor-greencolor-yellowcolor-greycolor-blackcolor-whiteCouleurs de fond
backcolor-bluebackcolor-orangebackcolor-redbackcolor-pinkbackcolor-greenbackcolor-yellowbackcolor-greyPalette 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"
Web Application Icons
File Type Icons
Spinner Icons
-
These icons work great with the
fa-spin
class. Check out the spinning icons example.