Les boutons de base du ckeditor
Paragraphe de texte normal avec du texte en gras, en italique et barré. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id lorem sit amet enim faucibus sagittis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque vel cursus est, in maximus urna. Aenean fringilla, justo sit amet ornare porttitor, risus mauris pulvinar lorem, vitae placerat nunc massa non purus. Nulla ac justo nisi. Etiam gravida luctus ante eget imperdiet. Suspendisse potenti.
Titre 2
Titre 3
Titre 4
Titre 5
Titre 6
Texte aligné à droite
Texte centré
Texte aligné à gauche
Liste à puces :
- item 1
- item 2
- item 3
Liste numérotée :
- item 1
- item 2
- item 3
Un lien hypertexte interne et un lien hypertexte externe
Contenus inséré via Media Library
Class principales du site
Il y 4 boutons possibles sur tout le site :
- Fond noir avec flèche
- Fond noir sans flèche
- Fond blanc sans flèche
- Fond transparent sans flèche (utiliser qu'à un seul endroit sur la home premier slide par dessus la photo)
Je propose de fonctionner avec 3 class pour les boutons :
- btn btn-default = bouton noir (--> au rollover, changer la couleur en #1F1C21 avec un petit anim : all 0,5s)
- btn btn-white = bouton blanc (--> au hover, la flèche bouge de 10px à droite en ease 0.5s, le fond du bouton passe en #1F1C21)
- btn btn-ghost-white = bouton transparent avec un contour blanc (--> au hover il se rempli de blanc et texte en noire)
Pour la flèche
- gérer le non affichage de la flèche avec la class btn-noarrow
- Animation à prévoir au hover sur la flèche : la flèche bouge de 10px à droite en ease 0.5
- Ne pas gérer l'alignement du bouton (gauche, droite, centré dans ces class)
On retrouverait alors avec les 6 cas suivant :