1 - Qu'est ce que c'est? Comment on utilise ça?
Vous voulez savoir comment faire pour avoir un effet "citation"?
Et bein vous saurez pas! *sblaf*
Il existe un moyen bien plus simple que de recréer une classe de div dans le CSS (pas pratique du tout, à chaque fois que vous citez quelque chose vous devez réecrire le div class etc.. chiant, quoi!): en fait, tout était déjà prévu, et il existe un code réglementaire pour les citations:
C'est très simple, géré par les balises
"blockquotes"
En gros, à chaque fois que vous citez quelque chose, il suffit de mettre votre texte entre ces balises. Voili donc le code:
2 - Comment styliser mes blockquotes?
Vous voulez mettre un background pour votre blockquote? Ou juste définir la couleur? Ajouter une bordure? C'est simple, tout se fait via le CSS: il suffit de créer une nouvelle ligne de code comme ceci:
C'est bien gentil tout ça, mais qu'est ce qu'on va mettre dans cette ligne de code? Alors:
Si vous voulez mettre une image de fond (background), insérez cette ligne entre les {}:
background-image: url(liendevotreimage);
Si vous voulez mettre une couleur de fond, insérez cette ligne entre les {}:
background-color: #codecouleurdevotrecouleur;
Si vous voulez rajouter une bordure, insérez cette ligne entre les {}:
border: 1px solid #codecouleurdelabordure;
Voilà! Vous pouvez bien entendu rajouter plus de style à votre blockquote, je n'ai listé que les principaux effets CSS.
Have fun!
posté par Lin-chan le 17/05/08
