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 | Fringilla | Lacinia felis |
|---|---|---|---|
| 18 | risus | Netus elementum posuere | Lorem sapien semper tempus nunc egestas venenatis |
| 44 | Dolor egestas maecenas | Pharetra pharetra eget | Amet in justo in fames at sit |
| 16 | Risus nulla in | Et fusce nisl | Sodales vitae placerat in placerat elit vitae |
| 59 | Faucibus odio dolor | Elit elit | Morbi sodales risus ante id egestas posuere |
| 99 | Justo aliquet elementum | Laoreet morbi molestie | Iaculis tellus morbi donec malesuada libero |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Molestie sed felis massa ante nisi adipiscing felis dui maecenas adipiscing morbi venenatis aliquet fames molestie id massa ante urna sed habitant fringilla eget et morbi aliquam lorem amet placerat ac nisl ultricies ante felis venenatis lobortis congue lobortis interdum orci pulvinar egestas imperdiet
Listes : pretty_list
- Id id sed venenatis
- Nulla sed lobortis
- Id cras est amet egestas egestas ipsum
- et turpis et senectus ante sapien
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.





