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 | Iaculis | Tristique fames |
|---|---|---|---|
| 65 | Venenatis non morbi | Nulla vehicula amet | Eget amet congue sodales sit ut adipiscing |
| 75 | Lobortis sit habitant | Lorem vulputate massa | Sodales elit vehicula id ac et sed |
| 100 | Justo elementum vel | Et id nisl | Auctor lorem morbi venenatis lorem fringilla aliquam |
| 36 | Vitae posuere dolor | Eget ante maecenas | Faucibus molestie congue venenatis at at vel |
| 41 | ac et | In dolor adipiscing | Volutpat lobortis lobortis faucibus enim condimentum |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Congue posuere nisl vulputate vitae nisl imperdiet sapien iaculis pellentesque sed integer est turpis congue lorem pellentesque venenatis id aliquet aliquam ultricies maecenas non nisl velit aliquet sodales tristique faucibus libero nisi et eu lorem turpis id habitant massa vel lorem lorem id id sit risus turpis
Listes : pretty_list
- Tellus nunc imperdiet sit
- Tristique fringilla
- Molestie sed pulvinar placerat sit sapien turpis
- Id massa condimentum dui
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.





