Forum Test

forum de test pour les fous de scoubidous
 
AccueilPortailTutoriauxRecordGalerieS'enregistrerConnexionCarte

Partagez | 
 

 (resolu) remplacer un mot dans un sujet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
avatar
ADMIN
Masculin

avatarAdmin
ADMIN
ADMIN

Masculin
vide

Défis 2007 Défis 2008 réussis Défis 2009 Défis 2010 réussis vide
Messages : 160
Né(e) le : 01/01/1970
Je ne fais pas mon age : 47
Chez les "Fous" depuis le : 20/08/2010
Localisation Localisation : ici
Commentaires : on peut écrire 15000 caractères , mais tout le monde peut le voir ...
MessageSujet: (resolu) remplacer un mot dans un sujet Ven 18 Fév - 13:56

il faut se servir d'un widget pour mettre le script sur le forum ...

* PA - Modules - Portail & Widgets : Gestion des widgets du forum - Afficher les widgets du forum : Oui

* Ensuite : créer un widget personnalisé en lui donnant un nom et un titre ...

* Insérer le script suivant :

Citation :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
/* balise dans un sujet */
jQuery("a.topictitle").each(function(nb){
var title = jQuery(this);
var string = title.html();
string = string.replace("(bleu)","<span class='ces1'>");
string = string.replace("(rouge)","<span class='ces2'>");
string = string.replace("(rose)","<span class='ces3'>");
string = string.replace("(jaune)","<span class='ces4'>");
string = string.replace("(end)","</span> ");
string = string.replace("(fin)","</span> ");
title.html(string);
});
});
</script>
* puis "Ajout/suppression de widgets personnels" , rajoutez le widget ...

- petite explication concernant le script :

les balises (bleu) ou (rose) ou ... sont les balises ouvrantes
les balises (end) ou (fin) sont les balises fermantes ...

dans un titre de sujet , on devra écrire comme ça :

Citation :
(bleu) [essai] (end) le titre du sujet
(rouge) [essai] (end) le titre du sujet n°2
(jaune) [essai] (end) le titre du sujet n°3


le script remplacera les balises par les éléments "span" prévus pour le CSS ...

Citation :
<span class='ces1'> [essai] </span> le titre du sujet


j'ai mis une 2ème balise fermante au cas où il y a deux mises en forme dans
le même titre , sinon on peut reprendre la même balise fermante pour le titre suivant ...

Citation :
(bleu) [essai] (end) (rouge) le titre (fin) du sujet


* reste à mettre le CSS en place pour coloriser ce qui se trouve entre les balises ...

les trois premiers sont les mêmes que dans l'exemple des censures ...

on peut mettre ce qu'on veut dans le CSS , cadre , fond de couleur ,
image de fond , style et taille d'écriture , etc ...

Code:
.ces1 {color : #2007F9; /* bleu */
font-weight: bold;text-decoration: none;}
.ces2 {color : #ff0000; /* rouge */
font-weight: bold;text-decoration: none;}
.ces3 {color : #ff00ff; /* rose */
font-weight: bold;text-decoration: none;}
.ces4 {color : #ffff00; /* jaune */
font-weight: bold;text-decoration: none;}


* ATTENTION cependant ... si un de vos membres écrit "(rouge)" dans un titre ,
il ouvrira une balise ... sans la refermer !

* Autre point : le titre ne sera pas colorisé au dessus du message , il apparaitra comme ça :

(bleu) [essai] (end) le titre du sujet

* Si vous ne voulez pas voir cette colonne de widgets à gauche, ajouter ceci à votre CSS :

Code:
#left { display : none }

voilà , je pense que tout est dit ...



Lamartine a écrit:
c'est foutu ! on l'a dans le ... !


caché:
 
Suspect  Question  What a Face  Basketball

PitaPata - Personal picturePitaPata Dog tickers
Revenir en haut Aller en bas
http://privateroom.forumperso.com
Admin
avatar
ADMIN
Masculin

avatarAdmin
ADMIN
ADMIN

Masculin
vide

Défis 2007 Défis 2008 réussis Défis 2009 Défis 2010 réussis vide
Messages : 160
Né(e) le : 01/01/1970
Je ne fais pas mon age : 47
Chez les "Fous" depuis le : 20/08/2010
Localisation Localisation : ici
Commentaires : on peut écrire 15000 caractères , mais tout le monde peut le voir ...
MessageSujet: Re: (resolu) remplacer un mot dans un sujet Ven 18 Fév - 13:59

après un essai , voilà comment faire pour les "préfixes" qui ne changeront pas ...
on écrit le mot entre parenthèses , et il sera remplacé par le même mot entre crochets

l'utilisation des parenthèses évite un conflit avec le script par rapport aux crochets ...

à rajouter dans le script du widjet :

Citation :
string = string.replace("(troll)","<span class='ces1'>[troll]</span>");
string = string.replace("(diablo)","<span class='ces2'>[diablo]</span>");
string = string.replace("(pinky)","<span class='ces3'>[pinky]</span>");
string = string.replace("(banane)","<span class='ces4'>[banane]</span>");


puisque le texte ne change pas , on peut refermer les balises "span" sur la même ligne ...

quand vous mettrez (pinky) dans le titre , [pinky] s'affichera ...



Lamartine a écrit:
c'est foutu ! on l'a dans le ... !


caché:
 
Suspect  Question  What a Face  Basketball

PitaPata - Personal picturePitaPata Dog tickers
Revenir en haut Aller en bas
http://privateroom.forumperso.com
Admin
avatar
ADMIN
Masculin

avatarAdmin
ADMIN
ADMIN

Masculin
vide

Défis 2007 Défis 2008 réussis Défis 2009 Défis 2010 réussis vide
Messages : 160
Né(e) le : 01/01/1970
Je ne fais pas mon age : 47
Chez les "Fous" depuis le : 20/08/2010
Localisation Localisation : ici
Commentaires : on peut écrire 15000 caractères , mais tout le monde peut le voir ...
MessageSujet: Re: (resolu) remplacer un mot dans un sujet Ven 18 Fév - 14:03

bonjour,

je crois que le mieux est de faire un récapitulatif complet en détaillant le plus possible ...


en passant , j'ai enfin trouvé votre forum de RP ,
ce qui m'a aidé à comprendre ce que vous voulez exactement ! ^^

donc , au départ , il faut créer un widjet pour y mettre un script ...
Citation :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
/* balise dans un sujet */
jQuery("a.topictitle,.cattitle,.postdetails").each(function(nb){
var title = jQuery(this);
var string = title.html();
string = string.replace("(sar)","<span class='ces1'>[Simulateur de Réalité Augmenté]</span>");
string = string.replace("(aide)","<span class='ces2'>[Aide au joueur]</span>");
string = string.replace("(rp)","<span class='ces3'>[Demande de RP Personnel]</span>");
string = string.replace("(rp-spe)","<span class='ces4'>[Demande de RP Spécial]</span>");
string = string.replace("(complete)","<span class='ces5'>[A COMPLETER]</span> ");
title.html(string);
});
});
</script>
"a.topictitle,.cattitle,.postdetails"
permet l'affichage dans le titre du sujet , le titre du message , le
titre de détail du message ...

pour avoir une image à la place du texte , rajoutez cette ligne au script :

Citation :
string = string.replace("(resolu)","<img src='http://r24.imgfast.net/users/2413/10/00/00/smiles/505812.png' width='37' height='21'>");
en tapant (resolu) dans le titre du message , on aura

pensez à garder des images de petite taille pour ne pas déformer la barre du titre de message ...

on peut mettre plusieurs "tags" dans le même titre ...


passons maintenant au CSS ...
ici , on ne fait que changer la couleur et épaissir le texte ... mais on peut tout tenter ! ^^
Citation :
/* Annonces des titres de sujet */

.ces1 {color : #2C75FF; /* couleur bleu : SAR */
font-weight: bold;text-decoration: none;}
.ces2 {color : #6600FF; /* couleur violet : aide */
font-weight: bold;text-decoration: none;}
.ces3 {color : #22780F; /* couleur vert : RP */
font-weight: bold;text-decoration: none;}
.ces4 {color : #1B4F08; /* couleur vert sombre : RP-SPE */
font-weight: bold;text-decoration: none;}
.ces5 {color : #A10684; /* couleur violine : COMPLETE */
font-weight: bold;text-decoration: none;}



Lamartine a écrit:
c'est foutu ! on l'a dans le ... !


caché:
 
Suspect  Question  What a Face  Basketball

PitaPata - Personal picturePitaPata Dog tickers
Revenir en haut Aller en bas
http://privateroom.forumperso.com
Contenu sponsorisé




Contenu sponsorisé


MessageSujet: Re: (resolu) remplacer un mot dans un sujet

Revenir en haut Aller en bas
 

(resolu) remplacer un mot dans un sujet

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Test :: Votre 1ère catégorie :: Votre 1er forum-