Je cherche à faire de belles quotes sur mon site!
J'ai donc repris la feuille de style de spip et modifier blockquote.spip
Comme je suis toujours aussi nul en css en 2008 qu'en 2007. Je n'arrive pas tout à fait à réaliser mon idée:
Si j'ai bien un cadre et une police en italique, je souhaiterais mettre des guillemets " anglais de préférence de chaque côté de la citation.
J'ai lu qu'on pouvait utiliser des choses comme:
quotes: "\00AB" "\00BB";
et puis il y a des notions de before et after, mais je ne sais pas comment les utiliser et surtout ou mettre ça!
Pour l'instant voila ou j'en suis: Si quelqu'un à une idée?
blockquote.spip {
font-style:italic;
color: #000000;
background-color: #F7FAE3;
border: #000000;
border-style: solid;
padding-left:15px;
padding-right:15px;
margin-left:10px;
margin-right:10px;
margin-top:7px;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;}
Je cherche à faire de belles quotes sur mon site!
J'ai donc repris la feuille de style de spip et modifier blockquote.spip
Je n'arrive pas tout à fait à réaliser mon idée
<
blockquote.spip {
margin:7px 10px 0 10px;
padding:0 15px;
background-color:#f7fae3;
color:#000000;
border:1px solid #000000;
font-style:italic;
/* ici tu definis le type de guille que tu veux : */
/* en premier l'ouvrante (open-quote) en second */
/* la fermante (close-quote), en les encadrant */
/* par des doubles ou simples quotes et en les */
/* separant par un espace */
/* tu peux preciser 4 valeurs : */
/* open-quote close-quote de premier niveau */
/* open-quote close-quote de second niveau */
/* mais attention : ça ne fonctionnera pas sur */
/* tous les navigateurs... */
quotes:'"' '"' '“' '”';
/* ou bien : quotes:"\00AB" "\00BB" "“" "”"; */
/* ou bien : quotes:'<' '>' '«' '»'; */
}
blockquote.spip:before {
content:open-quote;
}
blockquote.spip:after {
content:close-quote;
}
</style>
<blockquote class="spip">
et puis il y a des notions de before et after, mais je ne sais pas comment les
utiliser et surtout ou mettre ça !
</p>
te rendras :
" et puis il y a des notions de before et after, mais je ne sais pas comment les
utiliser et surtout ou mettre ça ! "
Je cherche à faire de belles quotes sur mon site!
J'ai donc repris la feuille de style de spip et modifier blockquote.spip
Je n'arrive pas tout à fait à réaliser mon idée
<
blockquote.spip {
margin:7px 10px 0 10px;
padding:0 15px;
background-color:#f7fae3;
color:#000000;
border:1px solid #000000;
font-style:italic;
/* ici tu definis le type de guille que tu veux : */
/* en premier l'ouvrante (open-quote) en second */
/* la fermante (close-quote), en les encadrant */
/* par des doubles ou simples quotes et en les */
/* separant par un espace */
/* tu peux preciser 4 valeurs : */
/* open-quote close-quote de premier niveau */
/* open-quote close-quote de second niveau */
/* mais attention : ça ne fonctionnera pas sur */
/* tous les navigateurs... */
quotes:'"' '"' '“' '”';
/* ou bien : quotes:"\00AB" "\00BB" "“" "”"; */
/* ou bien : quotes:'<' '>' '«' '»'; */
}
blockquote.spip:before {
content:open-quote;
}
blockquote.spip:after {
content:close-quote;
}
</style>
<blockquote class="spip">
et puis il y a des notions de before et after, mais je ne sais pas comment les
utiliser et surtout ou mettre ça !
</p>
te rendras :
" et puis il y a des notions de before et after, mais je ne sais pas comment les
utiliser et surtout ou mettre ça ! "
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : FAQ webmestre - SPIP
------------------------------------------------------------------------
No virus found in this incoming message.
Checked by AVG Free Edition. Version: 7.5.516 / Virus Database: 269.19.0/1216 - Release Date: 09/01/2008 10:16
Ah merci, c'est super gentil de m'avoir répondu. Mais j'ai un peu bouquiné entre temps et j'ai compris (même si le css est rébarbatif, je trouve) comment faire ça et surtout compatible ou presque. Je perds mes apostrophes sous IE, mais en fait c'est pas bien grave, IE c'est de la cochonnerie qu'on ne vendrait même pas dans un Leader Price!!
En tous les cas je te remercie à nouveau pour ta réponse ;).... Et c'est bien ce que tu dis, car c'est ce que j'ai fais
