Texte entre guillemet CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Texte entre guillemet CSS

Message par Fleurine le Sam 7 Sep 2013 - 22:23

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.


Dernière édition par Fleurine le Mar 10 Sep 2013 - 22:26, édité 1 fois

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Matriochka le Dim 8 Sep 2013 - 13:02

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…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Fleurine le Dim 8 Sep 2013 - 19:35

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?

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Matriochka le Dim 8 Sep 2013 - 20:28

Ç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;'>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Fleurine le Lun 9 Sep 2013 - 21:10

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

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Matriochka le Lun 9 Sep 2013 - 22:11

Pourtant si on veut ouvrir un dialogue, c’est bien « qu’il faut utiliser Razz(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… Non !

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Fleurine le Mar 10 Sep 2013 - 21:04

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

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Matriochka le Mar 10 Sep 2013 - 21:43

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 Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte entre guillemet CSS

Message par Fleurine le Mar 10 Sep 2013 - 22:26

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

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum