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 | Est | Tempus est |
|---|---|---|---|
| 75 | Maecenas orci bibendum | Donec fusce donec | Vitae lorem ante volutpat posuere id |
| 2 | At netus | Venenatis netus lobortis | Maecenas consectetur nisl ipsum semper lorem senectus |
| 60 | Tempus nulla enim | laoreet dui | egestas condimentum amet egestas odio vestibulum |
| 36 | Dui justo | Elementum bibendum donec | Consectetur adipiscing iaculis congue congue ac |
| 55 | Ac nulla | Faucibus ipsum est | Eget fringilla dolor risus tristique |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
aliquet id et est nisl justo lobortis velit venenatis non habitant in maecenas nisi libero aliquam fermentum vel maecenas pellentesque ipsum eget volutpat venenatis et at risus pulvinar auctor est id eget faucibus auctor est adipiscing est vel faucibus netus tempus velit sapien libero justo
Listes : pretty_list
- Tellus ipsum vestibulum ut
- Faucibus ut eget
- consectetur sit pharetra venenatis
- Vel iaculis iaculis imperdiet aliquam donec massa egestas
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-spinclass. Check out the spinning icons example.




