Texte entre guillemet CSS

[Fleurine]

Bonjour,

je voulais savoir si il était possible de donner une couleur à tous les textes qui sont écrits entre guillemets. J'ai un forum RPG et cela me permettrais d'être certaine que ma demande soit respecté. Je ne sais pas si je me suis bien exprimé alors je vais mettre juste de la couleur pour cette exemple (je sais que ce n'est pas autorisé normalement mais là je suis un peut obligé pour m'expliquer).

Ce que je souhaiterais avoir comme résultat:
Aujourd’hui c’était le grand jour : mon arrivée à la pension Hinata. Pour mes études à Todaï, j’avais dû partir et chercher un endroit où emménager. Mon père avait insisté pour aller à cette prestigieuse pension. Ne pouvant rien faire contre cette décision, me voilà, valise à la main, devant cette imposante porte en bois. Que faire ? Je pris mon courage à deux mains et pris le heurtoir pour frapper trois fois contre la porte. "Il y a quelqu'un ?" Puis j’attendis qu’une personne aurait l’amabilité de m’ouvrir et de m’accueillir.

Au lieu de juste:
Aujourd’hui c’était le grand jour : mon arrivée à la pension Hinata. Pour mes études à Todaï, j’avais dû partir et chercher un endroit où emménager. Mon père avait insisté pour aller à cette prestigieuse pension. Ne pouvant rien faire contre cette décision, me voilà, valise à la main, devant cette imposante porte en bois. Que faire ? Je pris mon courage à deux mains et pris le heurtoir pour frapper trois fois contre la porte. "Il y a quelqu'un ?" Puis j’attendis qu’une personne aurait l’amabilité de m’ouvrir et de m’accueillir.

Normalement c'est faisable, j'avais trouvé un forum ou lorsque l'on écrivait entre guillemet sa mettais le texte automatiquement en italic.

Si c'est possible, et si vous avez le temps, j'aimerais bien savoir quelles modifications je pourrais faire pour changer de temps en temps: mettre en gras, italic, ...

Je vous remercie d'avance, je sais que vous êtes une bonne équipe.

ps: j'ai posté ce message ici car pour moi cela faisait parti de l'apparence du forum.

[Matriochka]

Bonjour,

Ce serait possible avec un script je présume (pas avec du CSS). Mais faut-il que la couleur change à chaque fois ou bien est-ce qu’elle doit rester la même ? Car dans le premier cas de figure, ça risque d’être un peu plus compliqué que convenu…

[Fleurine]

bonjour!

Je suis très heureuse de vous retrouver Matriochka! Alors, il faudrait que le couleur reste la même. Vous pensez que cela irait?

[Matriochka]

Ça convient parfaitement

Dans Panneau d’admin > Modules > HTML et Javascript > Javascript, créé un nouveau script et entre :

Code:

jQuery(document).ready(function(){
jQuery("div.postbody").each(function(nb){
 var title = jQuery(this);
 var string = title.html();
 string = string.replace("«","<span style='color:red;'>");
 string = string.replace("»","</span>");
 title.html(string);
});
});

Fais-le s’afficher sur les sujets.

Désormais, dès que quelqu’un poste entre guillemets dans un RP : « … » la couleur passe en rouge.

Si on veut modifier la couleur il faut changer ici :

Code:

<span style='color:red;'>

[Fleurine]

Merci c'est vraiment sympa mais pour moi les guillemet c'est => "" <= et pas cela: «
Comment faire pour remplacer? ^^'

[Matriochka]

Pourtant si on veut ouvrir un dialogue, c’est bien « qu’il faut utiliser (huhu, je suis pointilleuse !)

Il faut modifier ici, dans le code :
string = string.replace("«","<span style='color:red;'>");
string = string.replace("»","</span>");

(coloré en orange)

Le problème, c’est qu’ici, les caractères sont les mêmes pour l’ouverture et la fermeture du dialogue, du coup le script risque de ne plus fonctionner… :no

[Fleurine]

Comment mettre en gras tout ce qui est en italic, ou en gras? Je peux peut être m'arranger comme ça ^^
J'ai un exemple de forum qui fait ca et il est demandé de toujours écrire en italic alors je me demandais si ce n'était pas plutôt le caractère italic qui géré la couleur ^^ http://seventh-heaven.forum-actif.net/t45-amour-de-bermusson

[Matriochka]

Ah ben c'est plutôt ça, oui ^^' dans ce cas, pas besoin de script, on utilise tout simplement :

Code:

i {color:#000000;}

dans la feuille de styles CSS

[Fleurine]

Problème résolu! Merci milles fois de vos conseils!