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 ...