Forum Test
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


forum de test pour les fous de scoubidous
 
AccueilAccueil  PortailPortail  Dernières imagesDernières images  TutoriauxTutoriaux  GalerieGalerie  S'enregistrerS'enregistrer  MembresMembres  ConnexionConnexion  CarteCarte  
Le deal à ne pas rater :
Coffret dresseur d’élite ETB Pokémon EV06 Mascarade Crépusculaire
56.90 €
Voir le deal

 

 (resolu) remplacer un mot dans un sujet

Aller en bas 
AuteurMessage
Admin
Admin
ADMIN
Masculin

Admin
Admin
ADMIN
ADMIN


Masculin
vide
(resolu)  remplacer un mot dans un sujet Creation
Défis 2007 Défis 2008 réussis Défis 2009 Défis 2010 réussis vide
Messages : 184
Né(e) le : 01/01/1970
Je ne fais pas mon age : 54
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 ...


test

Message(resolu) remplacer un mot dans un sujet   (resolu)  remplacer un mot dans un sujet I_icon_minitimeVen 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 (resolu)  remplacer un mot dans un sujet 907288

* 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 ...
Revenir en haut Aller en bas
https://privateroom.forumperso.com
Admin
Admin
ADMIN
Masculin

Admin
Admin
ADMIN
ADMIN


Masculin
vide
(resolu)  remplacer un mot dans un sujet Creation
Défis 2007 Défis 2008 réussis Défis 2009 Défis 2010 réussis vide
Messages : 184
Né(e) le : 01/01/1970
Je ne fais pas mon age : 54
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 ...


test

MessageRe: (resolu) remplacer un mot dans un sujet   (resolu)  remplacer un mot dans un sujet I_icon_minitimeVen 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 ...
Revenir en haut Aller en bas
https://privateroom.forumperso.com
Admin
Admin
ADMIN
Masculin

Admin
Admin
ADMIN
ADMIN


Masculin
vide
(resolu)  remplacer un mot dans un sujet Creation
Défis 2007 Défis 2008 réussis Défis 2009 Défis 2010 réussis vide
Messages : 184
Né(e) le : 01/01/1970
Je ne fais pas mon age : 54
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 ...


test

MessageRe: (resolu) remplacer un mot dans un sujet   (resolu)  remplacer un mot dans un sujet I_icon_minitimeVen 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='https://2img.net/u/2413/10/00/00/smiles/505812.png' width='37' height='21'>");
en tapant (resolu) dans le titre du message , on aura (resolu)  remplacer un mot dans un sujet 505812

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;}
Revenir en haut Aller en bas
https://privateroom.forumperso.com
Contenu sponsorisé




Contenu sponsorisé



MessageRe: (resolu) remplacer un mot dans un sujet   (resolu)  remplacer un mot dans un sujet I_icon_minitime

Revenir en haut Aller en bas
 
(resolu) remplacer un mot dans un sujet
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» (resolu) remplacer un mot par un autre coloré
» (crea) (aide) Admin essai d'attribut de sujet
» tableau éditable
» [résolu](aide) demandé par Admin
» (aide) (cherche) Admin (resolu)

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-
Sauter vers: