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 | Imperdiet | Est amet |
---|---|---|---|
100 | ultricies amet | Venenatis | Vel eget amet imperdiet amet lorem at |
41 | Interdum nulla vulputate | Adipiscing egestas orci | Aliquet pulvinar elementum senectus placerat |
52 | In vel lobortis | turpis risus | Venenatis aliquet volutpat enim id adipiscing morbi |
45 | Adipiscing massa et | Morbi netus tempus | Malesuada maecenas justo ante risus id |
23 | ac auctor | Non vulputate ipsum | Non at pellentesque et libero |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Est sed lobortis faucibus volutpat imperdiet egestas imperdiet interdum venenatis risus lacinia aliquet vel at fermentum laoreet sit maecenas molestie nisi pulvinar ipsum dolor maecenas nisi maecenas lorem orci egestas lobortis turpis nulla ante posuere laoreet amet nunc pulvinar fusce in odio amet ut placerat fringilla congue
Listes : pretty_list
- Faucibus interdum turpis aliquam
- Tempus odio vel
- Dolor cras id imperdiet tempus dolor id
- Donec maecenas faucibus nulla imperdiet vulputate molestie dolor
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.