Styles prédéfinis
Publié le 3 mars 2012
Essais de mise en page
Paragraphe mis en valeur
Couleur de fond jaune-beige #fbfcd6 (utilisée pour le pied de page, un peu trop pâle à mon goût)
Au delà du strict enseignement, le but de l’association est aussi d’apporter un supplément d’âme par des valeurs humaines d’engagement, de services, et d’ouverture au plus grand nombre, et cela, par la musique, transmetteur d’énergie.
Ou couleur de fond jaune #ffff33 (que je trouve un peu violente)
Au delà du strict enseignement, le but de l’association est aussi d’apporter un supplément d’âme par des valeurs humaines d’engagement, de services, et d’ouverture au plus grand nombre, et cela, par la musique, transmetteur d’énergie.
Tableau léger
Couleurbeige #fbfcd6
|
Dépenses |
Recettes | ||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
Ou couleur jaune #ffff33
|
Dépenses |
Recettes | ||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
Tableau marqué
Couleur orange #FF6633
| Subventions | 199 800 |
| Participations Familles | 239 600 |
| Dons | 3 500 |
| Animations | 13 800 |
| Produits financiers | 120 |
| Colonie | 18 000 |
Pour utiliser l'un de ces formats, il suffit de sélectionner le bloc et de lui affecter le Style CSS correspondant.
Paragraphes
Ces formats fonctionnent sur les éléments <p>
Paragraphe Style CSS para-cadre
Paragraphe Style CSS para-cadre-rouge
Paragraphe Style CSS para-info
Paragraphe Style CSS para-alerte
Paragraphe Style CSS para-note
Paragraphe Style CSS para-important
Paragraphe Style CSS para-bulle
Paragraphe Style CSS para-doc
Paragraphe Style CSS para-hot
Paragraphe Style CSS para-new
Paragraphe Style CSS para-top
Listes
Liste standard
- Niveau 1
- Niveau 1
- Niveau 2
- Niveau 2
Liste Style CSS liste-fleche
- Niveau 1
- Niveau 1
- Niveau 2
- Niveau 2
Liste Style CSS liste-OK
- Niveau 1
- Niveau 1
- Niveau 2
- Niveau 2
Liste Style CSS liste-star
- Niveau 1
- Niveau 1
- Niveau 2
- Niveau 2
Styles de liens
Ces formats fonctionnent sur les éléments <a>
Voici un lien Style CSS lien-info
Voici un lien Style CSS lien-download
Voici un lien Style CSS lien-pdf
Voici un lien Style CSS lien-son
Voici un lien Style CSS lien-texte
Voici un lien Style CSS lien-video
Voici un lien Style CSS lien-www
Tableaux
Ces formats fonctionnent sur les éléments <table>
Table Style CSS table-bleue
| Cellule 1 | Cellule 2 |
| Cellule 3 | Cellule 4 |
Table Style CSS table-blanche
| Cellule 1 | Cellule 2 |
| Cellule 3 | Cellule 4 |
Encadrés
Pour affecter un style à une image, cliquez sur l'image, puis sur le bouton Insérer/Modifier une image.
Dans le gestionnaire d'images, cliquez sur l'onglet Avancé, puis sélectionnez le style dans la liste Styles CSS.
Pour aligner l'image à droite ou à gauche, ajoutez le style gauche ou droite.
Cadre Style CSS cadre-clair
Cadre Style CSS cadre-sombre droite
Cette image est cadrée à droite et le texte remplit la page sur le côté de l'image. Cette image est cadrée à gauche et le texte remplit la page à droite de l'image. Cette image est cadrée à gauche et le texte remplit la page à droite de l'image. Cette image est cadrée à gauche et le texte remplit la page à droite de l'image.
Lignes horizontales
Ces formats fonctionnent sur les éléments <hr>
Ligne Style CSS ligne-noire
Ligne Style CSS ligne-rouge
Ligne Style CSS ligne-bleue
Ligne Style CSS ligne-verte