Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

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

Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Shadow le Mar 20 Juil 2010 - 9:43

Personnaliser le choix des couleurs dans l'interface de post


Exclamation Ce tutoriel ne fonctionne que pour les versions où les templates sont modifiables : c'est à dire : phpBB2 et punBB

Attention: Une édition de template signifie qu'à chaque mise à jour de forumactif entrainant une modification sur cette template, vous devrez vous même faire cette modification ( c'est toujours bien expliqué, mais ça reste une charge supplémentaire de travail ).
Les couleurs qui vous sont proposées pour mettre en valeur les posts sur les forums, ne plaisent pas toujours à l'unanimité, et ne sont parfois pas assorties avec vos thèmes de forum : voici comment les modifier :

A savoir :
* Pour ce tutoriel : il faut être l'administrateur fondateur du forum pour avoir accès aux templates.
* Pour trouver des couleurs qui vous plaisent et en connaitre le code : Code-couleur.com
* Les modifications ne s'appliquent qu'à la boite de réponse "normale" : pas à la boite de réponse "rapide".



1 ) Modifier une couleur :

Rendez vous dans votre Panneau d'administration > Affichage > Templates > Poster et messages privés

Modifiez edit le template : posting_body Page d'envoi de messages

La partie du template qui nous intéresse est celle là :

Code:
<div style="visibility:hidden" class="select" id="color">
      <button style="color:darkred" onclick="bbfontstyle('[color=darkred]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_RED}</button>

      <button style="color:red" onclick="bbfontstyle('[color=red]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_RED}</button>

      <button style="color:orange" onclick="bbfontstyle('[color=orange]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_ORANGE}</button>

      <button style="color:brown" onclick="bbfontstyle('[color=brown]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BROWN}</button>

      <button style="color:yellow" onclick="bbfontstyle('[color=yellow]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_YELLOW}</button>

      <button style="color:green" onclick="bbfontstyle('[color=green]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_GREEN}</button>

      <button style="color:olive" onclick="bbfontstyle('[color=olive]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_OLIVE}</button>

      <button style="color:cyan" onclick="bbfontstyle('[color=cyan]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_CYAN}</button>

      <button style="color:blue" onclick="bbfontstyle('[color=blue]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLUE}</button>

      <button style="color:darkblue" onclick="bbfontstyle('[color=darkblue]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_BLUE}</button>

      <button style="color:indigo" onclick="bbfontstyle('[color=indigo]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_INDIGO}</button>

      <button style="color:violet" onclick="bbfontstyle('[color=violet]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_VIOLET}</button>

      <button style="color:lightgrey" onclick="bbfontstyle('[color=white]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_WHITE}</button>

      <button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

   </div>

Cette division du template, est la partie qui génère votre boite de couleur.

Très exactement, chaque ligne correspond à une couleur :
exemple:
Code:
<button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

La ligne de mon exemple est la ligne qui correspond au Noir sur le forum.

En décortiquant et comprenant comment fonctionne cette ligne, vous pourrez parfaitement personnaliser votre boite de couleur Smile On la coupe en trois parties pour mieux la voir :


Il y a trois zones à modifier :

Partie 1)
<button style="color:black"

La partie en ROUGE = La couleur du texte qui sera afficher dans l'interface du post. (la couleur du nom de la couleur sera écrite)
Ici je mettrais #C39300
(Logiquement, j'écris le nom de la couleur, de la même couleur que celle que je veux proposer aux utilisateur : donc je met le même code partie 1 et 2)

Partie 2)
Code:
onclick="bbfontstyle('[color=black]','[/color]');
Ici vous devez modifier le mot black : à la place vous devez mettre le code couleur que vous souhaitez.
(pour plus de clarté, mettez le même que celui dans laquelle vous écrivez le mot dans l'interface de post)
Ici, je veux proposer la couleur "caramel" à mes forumeurs, donc je met le code couleur #C39300

selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>
Ici c'est la partie en ORANGE qu'il faut modifier : il s'agit du nom sous lequel s'affichera votre couleur dans le menu de selection!
Moi je mets : "Couleur des aida"


Voici ma ligne de code après mes modifications :

Code:
<button style="color:#C39300" onclick="bbfontstyle('[color=#C39300]','[/color]');selectWysiwyg(this,'color');return false">Couleur des aida</button>

J'obtiens donc sur mon forum :



Attention : Dans le template le code pour les couleurs apparait deux fois, il faut donc appliquer vos modifications aux deux paragraphes du template qui correspondent aux couleurs.

2) Puis je supprimer une couleur ?


-Bien sur, il suffit simplement de supprimer la ligne qui correspond à la couleur concernée !

Code:
<button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button>

Je veux supprimer le noir : alors je n'ai plus qu'à supprimer cette ligne là !


3) Puis-je rajouter une couleur ?

Comme au dessus, Oui vous pouvez !
Il vous suffit de copier une ligne, de la coller en plus des autres, à la suite des autres, et en suite de la personnaliser selon vos désirs !

Note : Lorsque vous rajoutez une couleur : n'oubliez pas le
en fin de ligne.


Une fois vos modifications de templates faites :
Enregistrez votre template



et n'oubliez pas de le publier ajout



Ce tutoriel a été rédigé par le Staff du Forum des Forums,
Et en particulier par Irina.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Leader Fox le Mar 20 Juil 2010 - 9:46

Jolie tuto sa pourras être utile et un peux plus jolie Very Happy



Cordialement,

Leader Fox
****

Masculin
Messages : 400
Inscrit(e) le : 21/09/2009

http://graphisme-revolution.forumactif.com/forum.htm
Leader Fox a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Pokéyugimestre le Mar 20 Juil 2010 - 11:44

Très utile, avec ça on pourrait ajouter toute la palette hexadécimal. ^^

EDIT : Euh... Je l'ai installé, ça a bien marché au début, mais dès que j'ai essayé de choisir une couleur ajoutée en mode WYSIWYG WYSIWYG activé , ça a beugé, et quand je suis revenu, ça avait disparu... Pourtant, ce n'est pas en réponse rapide, hein... Bon, je vias ouvrir un nouveau sujet pour ça. Wink

Pokéyugimestre
*****

Masculin
Messages : 593
Inscrit(e) le : 22/11/2009

http://geekandhistory.tonempire.com/
Pokéyugimestre a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par julworld le Mar 20 Juil 2010 - 13:30

C'est manifique !!

J'avais créer un sujet là-dessus pour savoir si cela était possible...
à ce moment là, on m'avait dit que c'était impossible,
et maintenant grâce à vous, ça va être possible. Very Happy


julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Invité le Mar 20 Juil 2010 - 13:42

Ma foi, c'est toujours bon à prendre Smile.

Invité
Invité


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

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Invité le Mar 20 Juil 2010 - 21:21

GG ! Ca va m'être très utile Wink

Merci FA Very Happy

Invité
Invité


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

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Syonah le Mer 21 Juil 2010 - 13:54

Waou!!! super!! Merci FA!!!!! Very Happy

Syonah
****

Féminin
Messages : 411
Inscrit(e) le : 24/03/2009

http://unebouteillealamer.pro-forum.fr/
Syonah a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Jeu 22 Juil 2010 - 10:47

Salut à toutes et à tous,

merci beaucoup pour cette astuce Wink .

Il y a aussi la possibilité de déposer une image devant chaque module Wink




Juste entre

Code:
;return false">

et
Code:
{L_COLOR_DARK_RED}



Mettez le lien d'une image 16x16 px de préférence. .
Code:

<img src="LIEN IMAGE">&nbsp;

N'oubliez pas de mettre un espace comme le mentionne le code ci-dessous pour éviter de coller l'image
au texte du module en insérant:
Code:
&nbsp;

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Pokéyugimestre le Jeu 22 Juil 2010 - 13:04

@milouze14 a écrit:Salut à toutes et à tous,

merci beaucoup pour cette astuce Wink .

Il y a aussi la possibilité de déposer une image devant chaque module Wink




Juste entre

Code:
;return false">

et
Code:
{L_COLOR_DARK_RED}



Mettez le lien d'une image 16x16 px de préférence. .
Code:

<img src="LIEN IMAGE">&nbsp;

N'oubliez pas de mettre un espace comme le mentionne le code ci-dessous pour éviter de coller l'image
au texte du module en insérant:
Code:
&nbsp;

a++

Merci à toi pour ton astuce, je la testerai à l'occasion car le tuto remarche sur mon Forum...à condition d'être en mode éditeur Off (quand le WYSIWYG désactivé est gris).

Pokéyugimestre
*****

Masculin
Messages : 593
Inscrit(e) le : 22/11/2009

http://geekandhistory.tonempire.com/
Pokéyugimestre a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par âme le Ven 23 Juil 2010 - 2:06

Bonjour,
Toujours de l'excellent travail !
Même si ça ne m'est pas utile dans l'immédiat, toutes ces améliorations ne peuvent qu'embellir les forums FA.
Les concurrents auront toujours du boulot sur la planche avec vous lol Wink
Un grand merci à toute l'équipe.

âme
# Tropactif #

Féminin
Messages : 1744
Inscrit(e) le : 15/04/2005

http://color-avenue.forumactif.com
âme a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par gilou10150 le Ven 23 Juil 2010 - 10:23

Bravo et merci pour ce tuto !

gilou10150
***

Masculin
Messages : 114
Inscrit(e) le : 09/06/2007

http://la-puce-qc.superforum.fr
gilou10150 a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par K@K le Lun 26 Juil 2010 - 16:23

@milouze14 a écrit:Salut à toutes et à tous,

merci beaucoup pour cette astuce Wink .

Il y a aussi la possibilité de déposer une image devant chaque module Wink




Juste entre

Code:
;return false">

et
Code:
{L_COLOR_DARK_RED}



Mettez le lien d'une image 16x16 px de préférence. .
Code:

<img src="LIEN IMAGE">&nbsp;

N'oubliez pas de mettre un espace comme le mentionne le code ci-dessous pour éviter de coller l'image
au texte du module en insérant:
Code:
&nbsp;

a++

Bonjour,
je viens de faire un test et cela ne fonctionne pas voici la ligne qui m'a servie de test.

Code:
<button style="color:red" onclick="bbfontstyle('[color=red]','[/color]');selectWysiwyg(this,'color');return false"><img src="http://i31.tinypic.com/10elshd.jpg">&nbsp;{L_COLOR_RED}</button><br />

merci.

K@K
*****

Masculin
Messages : 848
Inscrit(e) le : 04/04/2008

http://www.1302-03only.com/forum
K@K a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Ven 30 Juil 2010 - 10:09

Edit:
contenu non affiché .


Dernière édition par milouze14 le Ven 30 Juil 2010 - 11:50, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Ven 30 Juil 2010 - 10:11

Salut à toutes et à tous,

modifie le code par celui ci

Code:
<button style="color:red"
onclick="bbfontstyle('[color=red]','[/color]');selectWysiwyg(this,'color');return
 false"><img
src="http://i31.tinypic.com/10elshd.jpg">&nbsp; </button><br
 />


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Sam 31 Juil 2010 - 10:07

Salut à toutes et à tous,
pour celles et ceux qui désirent avoir le même mode de rédaction que celui-ci:



Insertion d'image comme le montre la capture ci-dessous









Toutes les images des boutons ont été remplacé par un texte (toujours modifiables).
Dans le code fourni, les balises title ont été aussi modifié pour une meilleur compréhension.

Remplacer simplement le "LIEN DES IMAGES".
le code figurera sur deux réponses.
Ouvrez votre bloc note et copier le premier code puis le deuxième à la suite.
Supprimez l'intégralité de votre posting_body

Et copier l'intégralité du code fourni

a++


Dernière édition par milouze14 le Sam 31 Juil 2010 - 10:19, édité 2 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Sam 31 Juil 2010 - 10:08

Code:
<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<!-- BEGIN privmsg_extensions -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" valign="top" width="100%">
<table border="0" cellspacing="2" cellpadding="0" height="40">
<tr valign="middle">
<td>{INBOX_IMG}</td>
<td><span class="cattitle">{INBOX_LINK}</span></td>
<td>{SENTBOX_IMG}</td>
<td><span class="cattitle">{SENTBOX_LINK}</span></td>
<td>{OUTBOX_IMG}</td>
<td><span class="cattitle">{OUTBOX_LINK}</span></td>
<td>{SAVEBOX_IMG}</td>
<td><span class="cattitle">{SAVEBOX_LINK}</span></td>
</tr>
</table>
</td>
</tr>
</table><br clear="all" />
<!-- END privmsg_extensions -->
{POST_PREVIEW_BOX}{ERROR_BOX}
<!-- BEGIN switch_quote_limit -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr class="inner">
      <td>
         <table cellspacing="0" cellpadding="1" border="0" width="100%">
            <tr><td class="row1">&nbsp;</td></tr>
            <tr><td class="row1" align="center"><span class="gen" style="color:red;">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</span></td></tr>
            <tr><td class="row1">&nbsp;</td></tr>
         </table>
      </td>
   </tr>
</table>
<!-- END switch_quote_limit -->
<form action="{S_POST_ACTION}" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>&nbsp;<!-- BEGIN switch_not_privmsg -->{NAV_CAT_DESC}<!-- END switch_not_privmsg --></span></td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th height="28" class="thHead" colspan="2" valign="bottom">
<strong>{L_POST_A}</strong>
</th>
</tr>
<!-- BEGIN switch_username_select -->
<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_USERNAME}</b></span></td>
<td class="row2" width="78%"><span class="genmed"><input class="post" type="text" name="username"  maxlength="8" value="{USERNAME}" size="25" tabindex="1"></span></td>
</tr>
<!-- END switch_username_select -->
<!-- BEGIN switch_reasons -->
<tr>
   <td class="row1" width="22%"><span class="gen"><b>{L_REASON}</b></span></td>
   <td class="row2" width="78%"><span class="genmed">{REASON}</span></td>
</tr>
<!-- END switch_reasons -->

<!-- BEGIN switch_privmsg -->
<tr>
   <td class="row1" width="22%"><span class="gen"><b>{L_USERNAME}</b></span></td>
   <td class="row2" width="78%">
      <span class="genmed">
         <!-- BEGIN switch_username -->
         <input class="post" style="margin:1px 0" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" size="25" /><br />
         <!-- END switch_username -->
         <input class="post" style="margin:1px 0" type="text" id="username" name="username[]" value="{USERNAME}" size="25" tabindex="1" />&nbsp;
         <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" alt="" />&nbsp;
         <input class="liteoption" type="button" id="find_user" value="{L_FIND_USERNAME}" />
      </span>
   </td>
</tr>
<!-- BEGIN switch_privmsg_friend -->
<tr>
<td class="row1" width="22%"><span class="gen"><b>{switch_privmsg.switch_privmsg_friend.L_OR_FRIEND}</b></span></td>
<td class="row2" width="78%">{switch_privmsg.switch_privmsg_friend.FRIEND_PM}</td>
</tr>
<!-- END switch_privmsg_friend -->
<!-- BEGIN switch_privmsg_group -->
<tr>
<td class="row1" width="22%"><span class="gen"><b>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</b></span></td>
<td class="row2" width="78%">{switch_privmsg.switch_privmsg_group.MASS_PM}</td>
</tr>
<!-- END switch_privmsg_group -->
<!-- END switch_privmsg -->

<!-- BEGIN switch_groupmsg -->
<tr>
   <td class="row1" width="22%"><span class="gen"><b>{L_USERNAME}</b></span></td>
   <td class="row2" width="78%"><span class="genmed">{USERNAME}</span></td>
</tr>
<!-- END switch_groupmsg -->

<!-- BEGIN switch_subject -->
<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_SUBJECT}</b></span></td>
<td class="row2" width="78%">
   <span class="gen">
      <input class="post" style="width:450px" type="text" name="subject" value="{SUBJECT}" size="45" maxlength="{TOPIC_TITLE_MAXLENGTH}" tabindex="2" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}">

      <!-- BEGIN switch_subject_color -->
      <script type="text/javascript">
      //<![CDATA[
      input = document.getElementsByName('subject');
      //]]>
      </script>
      <select name="topic_color" onchange="input[0].style.color = topic_color.value" style="margin-left:10px">
         {switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_OPTIONS}
      </select>
      <script type="text/javascript">
      //<![CDATA[
      input[0].style.color = '{switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_DEFAULT}';
      //]]>
      </script>
      <!-- END switch_subject_color -->
   </span>
</td>
</tr>
<tr>
<td class="row1"><span class="gen"><span style="color: darkgreen;"><img src="LIEN DE VOTRE IMAGE"><b>Informations</b></span></td>

<td class="row2"><span class="gen">
   
      
<img src="LIEN DE VOTRE IMAGE"><a href="LIEN DE VOTRE FORUM/profile.forum?mode=editprofile" target="_blank"><span style="color: black;"> Mes informations</a>&nbsp;&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="LIEN DE VOTRE FORUM/profile.forum?mode=editprofile&page_profil=preferences" target="_blank"><span style="color: black;">Mes préférences</a>&nbsp;&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="LIEN DE VOTRE FORUM/profile.forum?mode=editprofile&page_profil=signature" target="_blank"><span style="color: black;">Ma signature</a>&nbsp;&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="LIEN DE VOTRE FORUM/profile.forum?mode=editprofile&page_profil=avatars" target="_blank"><span style="color: black;">Mon avatar</a><br></b></span>
<hr>
<span class="gen"><b>Hébergeurs d'images:</b>&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="http://www.hostingpics.net/" target="_blank"><span style="color: black;"> <b>Hostingpics</b></a>&nbsp;&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="http://www.casimages.com/" target="_blank"><span style="color: black;"><b>Casimages</b></a>&nbsp;&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="http://mabul.org/" target="_blank"><span style="color: black;"><b>Mabul</b></a>&nbsp;&nbsp;<img src="LIEN DE VOTRE IMAGE"><a href="http://www.zepload.com/" target="_blank"><span style="color: black;"><b>zepload</b></a></span>
</td>
</tr>
<!-- END switch_subject -->

<!-- BEGIN switch_description -->
<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
<td class="row2" width="78%">
   <span class="gen">
      <input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
   </span>
</td>
</tr>
<!-- END switch_description -->

<!-- BEGIN switch_icon_checkbox -->
<tr>
<td class="row1" valign="top"><span class="gen"><b>{L_ICON_TITLE}</b></span></td>
<td class="row2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- BEGIN row -->
<tr>
<td nowrap="nowrap"><span class="gen"><!-- BEGIN cell --><label><input type="radio" name="post_icon" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" />&nbsp;<span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span></label><!-- END cell --></span></td>
</tr>
<!-- END row -->
</table>
</td>
</tr>
<!-- END switch_icon_checkbox -->
<tr>
<td class="row1" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td><span class="gen"><b>{L_MESSAGE_BODY}</b></span></td>
</tr>
<tr>
<td align="center" valign="middle">
<table width="100" border="0" cellspacing="0" cellpadding="5">
<tr align="center">
<td class="gensmall" colspan="{S_SMILIES_COLSPAN}">
{L_SMILIES_PREVIEW}
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="row2" valign="top"><span class="genmed"></span>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>

<style id="wysiwyg_css">
.wysiwyg {
   background: #{CLASS_ROW2};
   color: #{TEXT_COLOR};
   font: 11pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
</style>

<div id="text_editor_select_controls">
   <div style="visibility:hidden" class="select" id="table_gui">
      <p><img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" id="table_gui_lines" maxlength="3" style="width:20px" title="{L_ROWS}" onkeypress="if (event.keyCode==13){ bbstyle_table();selectWysiwyg(this,'table_gui');return false}" />&nbsp;x&nbsp;<img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" id="table_gui_cols" maxlength="3" style="width:20px" title="{L_COLS}" onkeypress="if (event.keyCode==13){ bbstyle_table();selectWysiwyg(this,'table_gui');return false}" />&nbsp;&nbsp;<input type="button" class="button2" onclick="bbstyle_table();selectWysiwyg(this,'table_gui')" value="{L_OK}" /></p>
      <p style="text-align:center">
         <button class="button2" onclick="bbstyle(54)" id="addbbcode54" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB}"><img src="{PATH_IMG_FA}wysiwyg/table_add.png" alt="{L_BBCODE_TAB}" style="display:''" /></button>&nbsp;
         <button class="button2" onclick="bbstyle(58)" id="addbbcode58" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB_ROW}"><img src="{PATH_IMG_FA}wysiwyg/table_row_insert.png" alt="{L_BBCODE_TAB_ROW}" style="display:''" /></button>&nbsp;
         <button class="button2" onclick="bbstyle(60)" id="addbbcode60" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB_CELL}"><img src="{PATH_IMG_FA}wysiwyg/table_add_cell.png" alt="{L_BBCODE_TAB_CELL}" style="display:''" /></button>&nbsp;
      </p>
   </div>
   <div style="visibility:hidden" class="select" id="img">
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="img_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('img','','img_url');selectWysiwyg(this,'img');return false}" /></p>
      <p style="text-align:center"><input type="button" class="mainoption" onclick="constructBBcode('img','','img_url');selectWysiwyg(this,'img')" value="{L_OK}" /></p>
   </div>
   <div style="visibility:hidden" class="select" id="url">
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="link_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url');return false}" /></p>
      <p><img src="{PATH_IMG_FA}wysiwyg/link_text.png" alt="{L_LABEL}" title="{L_LABEL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="name_url" title="{L_LABEL}" onkeypress="if (event.keyCode==13){constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url');return false}" /></p>
      <p style="text-align:center"><input type="button" class="mainoption" onclick="constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url')" value="{L_OK}" /></p>
   </div>
   <div style="visibility:hidden" class="select" id="video">
      <p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a>&nbsp; <a href="http://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
      <p id="inv_url" class="gensmall" style="text-align:center"></p>
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:300px" id="video_url" title="{L_URL}" onkeypress="if (event.keyCode==13){BBcodeVideo('video_url');return false}" /></p>
      <p style="text-align:center"><input type="button" class="mainoption" onclick="BBcodeVideo('video_url')" value="{L_OK}" /></p>
   </div>
   <div style="visibility:hidden" class="select" id="flash">
      <p><img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:25px" id="flash_width" title="{L_WIDTH}" onkeypress="if (event.keyCode==13){constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash');return false}" />
       &nbsp;x&nbsp;<img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:25px" id="flash_height" title="{L_HEIGHT}" onkeypress="if (event.keyCode==13){constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash');return false}" />&nbsp; px</p>
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="flash_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash');return false}" /></p>
      <p style="text-align:center"><input type="button" class="mainoption" onclick="constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash')" value="{L_OK}" /></p>
   </div>
   <div style="visibility:hidden" class="select" id="px">
      <button style="font-size:7px" onclick="bbfontstyle('[size=7]','[/size]');selectWysiwyg(this,'px');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_FONT_TINY}</button><br />
      <button style="font-size:9px" onclick="bbfontstyle('[size=9]','[/size]');selectWysiwyg(this,'px');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_FONT_SMALL}</button><br />
      <button style="font-size:12px" onclick="bbfontstyle('[size=12]','[/size]');selectWysiwyg(this,'px');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_FONT_NORMAL}</button><br />
      <button style="font-size:18px" onclick="bbfontstyle('[size=18]','[/size]');selectWysiwyg(this,'px');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_FONT_LARGE}</button><br />
      <button style="font-size:24px" onclick="bbfontstyle('[size=24]','[/size]');selectWysiwyg(this,'px');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_FONT_HUGE}</button><br />
   </div>
   <div style="visibility:hidden" class="select" id="servimg_upload_gui"></div>
   <div style="visibility:hidden" class="select" id="color">
      <button style="color:darkred" onclick="bbfontstyle('[color=darkred]','[/color]');selectWysiwyg(this,'color');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_DARK_RED}</button><br />
      <button style="color:orange" onclick="bbfontstyle('[color=orange]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_ORANGE}</button><br />
      <button style="color:brown" onclick="bbfontstyle('[color=brown]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_BROWN}</button><br />
      <button style="color:yellow" onclick="bbfontstyle('[color=yellow]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_YELLOW}</button><br />
      <button style="color:green" onclick="bbfontstyle('[color=green]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_GREEN}</button><br />
      <button style="color:olive" onclick="bbfontstyle('[color=olive]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_OLIVE}</button><br />
      <button style="color:darkblue" onclick="bbfontstyle('[color=darkblue]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_DARK_BLUE}</button><br />
<button style="color:violet" onclick="bbfontstyle('[color=violet]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_VIOLET}</button><br />
<button style="color:black" onclick="bbfontstyle('[color=black]','[/color]');selectWysiwyg(this,'color');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_BLACK}</button><br />
   </div>
   <div style="visibility:hidden" class="select" id="font">
      <button style="font-family:Arial" onclick="bbfontstyle('[font=Arial]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Arial</button><br />
      
      <button style="font-family:'Comic Sans Ms'" onclick="bbfontstyle('[font=Comic Sans Ms]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Comic Sans Ms</button><br />
      <button style="font-family:'Courier New'" onclick="bbfontstyle('[font=Courier New]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Courier New</button><br />
      <button style="font-family:Georgia" onclick="bbfontstyle('[font=Georgia]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Georgia</button><br />
<button style="font-family:'Times New Roman'" onclick="bbfontstyle('[font=Times New Roman]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Times New Roman</button><br />
      <button style="font-family:'Trebuchet MS'" onclick="bbfontstyle('[font=Trebuchet MS]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Trebuchet MS</button><br />
      <button style="font-family:Verdana" onclick="bbfontstyle('[font=Verdana]','[/font]');selectWysiwyg(this,'font');return false"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Verdana</button><br />
      <!-- BEGIN switch_specials_fonts -->
      {switch_specials_fonts.OTHERS_SPECIFICS_FONTS}
      <!-- END switch_specials_fonts -->
   </div>
   <div style="visibility:hidden" class="select" id="other">
      <button onclick="bbfontstyle('[sub]','[/sub]');selectWysiwyg(this,'other');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_SUB}</button><br />
      <button onclick="bbfontstyle('[sup]','[/sup]');selectWysiwyg(this,'other');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_SUP}</button><br />
      <button onclick="bbfontstyle('[spoiler]','[/spoiler]');selectWysiwyg(this,'other');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_SPOILER}</button><br />
      <button onclick="bbfontstyle('[hide]','[/hide]');selectWysiwyg(this,'other');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_HIDE}</button><br />
      <button onclick="bbfontstyle('[scroll]','[/scroll]');selectWysiwyg(this,'other');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_K}</button><br />
      <button onclick="bbfontstyle('[updown]','[/updown]');selectWysiwyg(this,'other');return false">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_UPDOWN}</button><br />
      
   </div>
   <!-- BEGIN switch_roll_dice_old -->
   <div style="visibility:hidden" class="select" id="dices">
      <!-- BEGIN row_replace -->
      <button onclick="bbfontstyle('[roll="{switch_roll_dice_old.row_replace.DICE_NAME}"]','[/roll]');selectWysiwyg(this,'dices');return false">{switch_roll_dice_old.row_replace.DICE_NAME}</button><br />
      <!-- END row_replace -->
   </div>
   <!-- END switch_roll_dice_old -->
   <div style="visibility:hidden" class="select" id="wtable_gui">
      <p><img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" id="wtable_gui_lines" maxlength="3" style="width:20px" title="{L_ROWS}" onkeypress="if (event.keyCode==13){ bbstyle_table();return false}" />&nbsp;x&nbsp;<img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" id="wtable_gui_cols" maxlength="3" style="width:20px" title="{L_COLS}" onkeypress="if (event.keyCode==13){ bbstyle_table();return false}" />
      &nbsp;&nbsp;<button class="mainoption" id="text_editor_cmd_constructBBcode_table" />{L_OK}</button></p>
   </div>
   <div style="visibility:hidden" class="select" id="wservimg_upload_gui"></div>
   <div style="visibility:hidden" class="select" id="wimg">
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="wimg_url" title="{L_URL}" /></p>
      <p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_img" />{L_OK}</button></p>
   </div>
   <div style="visibility:hidden" class="select" id="wurl">
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="wlink_url" title="{L_URL}" /></p>
      <p><img src="{PATH_IMG_FA}wysiwyg/link_text.png" alt="{L_LABEL}" title="{L_LABEL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="wname_url" title="{L_LABEL}" /></p>
      <p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_url" />{L_OK}</button></p>
   </div>
   <div style="visibility:hidden" class="select" id="wflash">
      <p><img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:25px" id="wflash_width" title="{L_WIDTH}" />
       &nbsp;x&nbsp;<img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:25px" id="wflash_height" title="{L_HEIGHT}" />&nbsp; px</p>
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:150px" id="wflash_url" title="{L_URL}" /></p>
      <p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_flash" />{L_OK}</button></p>
   </div>
   <div style="visibility:hidden" class="select" id="wvideo">
      <p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a>&nbsp; <a href="http://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
      <p id="inv_url" class="gensmall" style="text-align:center"></p>
      <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="post" style="width:300px" id="wvideo_url" title="{L_URL}" /></p>
      <p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_video" />{L_OK}</button></p>
   </div>
   <div style="visibility:hidden" class="select" id="wpx">
      <button style="font-size:7px" id="text_editor_cmd_constructBBcode_select_size_7"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;
{L_FONT_TINY}</button><br />
      <button style="font-size:9px" id="text_editor_cmd_constructBBcode_select_size_9"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;
{L_FONT_SMALL}</button><br />
      <button style="font-size:12px" id="text_editor_cmd_constructBBcode_select_size_12"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;
{L_FONT_NORMAL}</button><br />
      <button style="font-size:18px" id="text_editor_cmd_constructBBcode_select_size_18"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;
{L_FONT_LARGE}</button><br />
      <button style="font-size:24px" id="text_editor_cmd_constructBBcode_select_size_24"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;
{L_FONT_HUGE}</button><br />
   </div>
   <div style="visibility:hidden" class="select" id="wcolor">
      <button style="color:darkred" id="text_editor_cmd_constructBBcode_select_color_darkred">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_DARK_RED}</button><br />
      <button style="color:orange" id="text_editor_cmd_constructBBcode_select_color_orange">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_ORANGE}</button><br />
      <button style="color:brown" id="text_editor_cmd_constructBBcode_select_color_brown">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_BROWN}</button><br />
      <button style="color:yellow" id="text_editor_cmd_constructBBcode_select_color_yellow">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_YELLOW}</button><br />
      <button style="color:green" id="text_editor_cmd_constructBBcode_select_color_green">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_GREEN}</button><br />
      <button style="color:olive" id="text_editor_cmd_constructBBcode_select_color_olive">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_OLIVE}</button><br />
      <button style="color:darkblue" id="text_editor_cmd_constructBBcode_select_color_darkblue">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_DARK_BLUE}</button><br />
<button style="color:violet" id="text_editor_cmd_constructBBcode_select_color_violet">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_VIOLET}</button><br />
<button style="color:black" id="text_editor_cmd_constructBBcode_select_color_black">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_COLOR_BLACK}</button><br />
   </div>
   <div style="visibility:hidden" class="select" id="wfont">
<button style="font-family:Arial" id="text_editor_cmd_constructBBcode_select_font_arial">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;Arial</button><br />
      <button style="font-family:'Comic Sans Ms'" id="text_editor_cmd_constructBBcode_select_font_comic_sans_ms">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;Comic Sans Ms</button><br />
      <button style="font-family:'Courier New'" id="text_editor_cmd_constructBBcode_select_font_courier_new">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;Courier New</button><br />
      <button style="font-family:Georgia" id="text_editor_cmd_constructBBcode_select_font_georgia">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;Georgia</button><br />
      <button style="font-family:'Times New Roman'" id="text_editor_cmd_constructBBcode_select_font_times_new_roman">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;Times New Roman</button><br />
      <button style="font-family:'Trebuchet MS'" id="text_editor_cmd_constructBBcode_select_font_trebuchet_mS"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Trebuchet MS</button><br />
      <button style="font-family:Verdana" id="text_editor_cmd_constructBBcode_select_font_verdana"><IMG src="LIEN DE VOTRE IMAGE">&nbsp;Verdana</button><br />
   </div>
   <div style="visibility:hidden" class="select" id="wother">
      <button id="text_editor_constructBBcode_select_action_sub">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_SUB}</button><br />
      <button id="text_editor_constructBBcode_select_action_sup">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_SUP}</button><br />
      <button id="text_editor_cmd_constructBBcode_select_action_spoiler">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_SPOILER}</button><br />
      <button id="text_editor_cmd_constructBBcode_select_action_hide">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_HIDE}</button><br />
      <button id="text_editor_cmd_constructBBcode_select_action_scroll">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_K}</button><br />
      <button id="text_editor_cmd_constructBBcode_select_action_updown">
<IMG src="LIEN DE VOTRE IMAGE">&nbsp;{L_BBCODE_UPDOWN}</button><br />
      
   </div>
   <!-- BEGIN switch_roll_dice_old -->
   <div style="visibility:hidden" class="select" id="wdices">
      <!-- BEGIN row_replace -->
      <button id="text_editor_cmd_constructBBcode_select_dice_{switch_roll_dice_old.row_replace.DICE_ID}">{switch_roll_dice_old.row_replace.DICE_NAME}</button><br />
      <!-- END row_replace -->
   </div>
   <!-- END switch_roll_dice_old -->
</div>
<div id="text_editor_controls">
   <div id="format-buttons" style="margin:0">
      <span id="text_edit" style="display:none">
         <button class="button2" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="Ce bouton sert à mettre en gras votre texte"
><FONT color=DarkOrange><B>Gras</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(2)" onmouseover="helpline('i')" type="button" id="addbbcode2" accesskey="i" title="Ce bouton sert à mettre en italic votre texte"><FONT color=DarkOrange><B>Italic</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(4)" onmouseover="helpline('u')" type="button" id="addbbcode4" accesskey="u" title="Ce bouton sert à souligner votre texte"
><FONT color=DarkOrange><B>Souligné</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(34)" onmouseover="helpline('x')" type="button" id="addbbcode34" accesskey="x" title="Ce bouton sert à barrer votre texte"
><FONT color=DarkOrange><B>Barré</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(52)" onmouseover="helpline('m')" type="button" id="addbbcode52" accesskey="m" title="Ce bouton sert à mettre votre texte à gauche"
><FONT color=DarkOrange><B>A gauche</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(30)" onmouseover="helpline('t')" type="button" id="addbbcode30" accesskey="t" title="Ce bouton sert à centrer votre texte"
><FONT color=DarkOrange><B>Centrer</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(32)" onmouseover="helpline('g')" type="button" id="addbbcode32" accesskey="g" title="Ce bouton sert à mettre votre texte à droite"
><FONT color=DarkOrange><B>A droite</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(10)" onmouseover="helpline('l')" type="button" id="addbbcode10" accesskey="l" title="Ce bouton sert à mettre vos textes en liste ponctuée "
><FONT color=DarkOrange><B>Liste</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(12)" onmouseover="helpline('o')" type="button" id="addbbcode12" accesskey="o" title="Ce bouton sert à mettre vos textes en liste numérotée"
><FONT color=DarkOrange><B>Affiche une liste numérotée</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(6)" onmouseover="helpline('q')" type="button" id="addbbcode6" accesskey="q" title="Ce bouton sert à mettre vos textes en citation"
><FONT color=DarkOrange><B>Citation</B></FONT></button>&nbsp;
         <button class="button2" onclick="bbstyle(8)" onmouseover="helpline('c')" type="button" id="addbbcode8" accesskey="c" title="Ce bouton sert à mettre vos textes en code"
><FONT color=DarkOrange><B>Code</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'table_gui')" onmouseover="helpline('tab')" type="button" id="addbbcodetable" accesskey=" title="Ce bouton sert à insérer un tableau"
><FONT color=DarkOrange><B>Tableau</B></FONT></button>&nbsp;  <BR>
         <!-- BEGIN switch_upload_servimg -->
         <button class="button2" onclick="display_upload_servimg(this,'{SERVIMG_USER_EMAIL}','{SERVIMG_ID}','{SERVIMG_FID}')" onmouseover="helpline('y')" type="button" id="servimg" accesskey="y" title="Ce bouton sert à héberger une image"
><FONT color=DarkOrange><B>Héberger une image</B></FONT></button>&nbsp;
         <!-- END switch_upload_servimg -->
         <!-- BEGIN switch_upload_imageshack -->
         <button class="button2" onclick="display_upload_imageshack(this)" onmouseover="helpline('y')" type="button" id="imageshack" accesskey="y" title="Ce bouton sert à héberger une image"
><FONT color=DarkOrange><B>Héberger une image</B></FONT></button>&nbsp;


Dernière édition par milouze14 le Lun 2 Aoû 2010 - 11:00, édité 3 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Sam 31 Juil 2010 - 10:08

Code:


<!-- END switch_upload_imageshack -->
         <button class="button2" onclick="selectWysiwyg(this,'img')" onmouseover="helpline('p')" type="button" id="addbbcode14" accesskey="p" title="Ce bouton sert à insérer le lien de l'image afin qu'elle soit dans votre message"
><FONT color=DarkOrange><B>Lien image</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'url')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="Ce bouton sert à insérer le lien d'une page Web afin qu'il soit dans votre message"
><FONT color=DarkOrange><B>Lien Web</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'flash')" onmouseover="helpline('fl')" type="button" title="Ce bouton sert à insérer le lien d'un Flash afin qu'il soit dans votre message"
><FONT color=DarkOrange><B>Lien Flash</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'video')" onmouseover="helpline('vd')" type="button" title="Ce bouton sert à insérer le lien d'une vidéo afin qu'elle soit dans votre message"
><FONT color=DarkOrange><B>Lien Vidéo</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'px')" onmouseover="helpline('f')" type="button"    title="Ce bouton sert à modifier la taille du texte"
><FONT color=DarkOrange><B>Taille du texte</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'color')" onmouseover="helpline('s')" type="button" title="Ce bouton sert à modifier la couleur du texte"
<FONT color=DarkOrange><B>Couleur du texte</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'font')" onmouseover="helpline('ft')" type="button" title="Ce bouton sert à modifier la police d'écriture"
><FONT color=DarkOrange><B>Police du texte</B></FONT></button>&nbsp;
         <button class="button2"onclick="selectWysiwyg(this,'other')" type="button" title="Ce bouton sert à donner des effets spéciaux"
style="height:22px" /><FONT color=DarkOrange><B>Effets spéciaux</B></FONT></button>&nbsp;<br>
<!-- BEGIN switch_roll_dice_old -->
         <button class="button2" onclick="selectWysiwyg(this,'dices')" type="button"><img src="{PATH_IMG_FA}wysiwyg/dice.gif" /></button>&nbsp;
         <!-- END switch_roll_dice_old -->
         <span class="gensmall"><a onmouseover="helpline('a')" href="javascript:bbstyle(-1)">{L_BBCODE_CLOSE_TAGS}</a></span>&nbsp;
      </span>
      <span id="html_edit" style="display:none">
         <button class="button2" ondblclick="helpline('b')" type="button" id="text_editor_cmd_bold" accesskey="b" title="Ce bouton sert à mettre en gras votre texte"
><FONT color=DarkOrange><B>Gras</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('i')" type="button" id="text_editor_cmd_italic" accesskey="i" title="Ce bouton sert à mettre en italic votre texte"
><FONT color=DarkOrange><B>Italic</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('u')" type="button" id="text_editor_cmd_underline" accesskey="u" title="Ce bouton sert à souligné votre texte"
><FONT color=DarkOrange><B>Souligné</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('x')" type="button" id="text_editor_cmd_strikethrough" accesskey="x" title="Ce bouton sert à barrer votre texte"
><FONT color=DarkOrange><B>Barré</B></FONT></button>&nbsp;
<button class="button2" onmouseover="helpline('m')" type="button" id="text_editor_cmd_justifyleft" accesskey="m" title="Ce bouton sert à mettre votre texte à gauche"
><FONT color=DarkOrange><B>A gauche</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('t')" type="button" id="text_editor_cmd_justifycenter" accesskey="t" title="Ce bouton sert à centrer votre texte"
><FONT color=DarkOrange><B>Centrer</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('g')" type="button" id="text_editor_cmd_justifyright" accesskey="g" title="Ce bouton sert à mettre votre texte à droite"
><FONT color=DarkOrange><B>A droite</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('l')" type="button" id="text_editor_cmd_insertunorderedlist" accesskey="l" title="Ce bouton sert à mettre vos textes en liste ponctuée"
><FONT color=DarkOrange><B>Liste</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('o')" type="button" id="text_editor_cmd_insertorderedlist" accesskey="o" title="Ce bouton sert à mettre vos textes en liste numérotée"
><FONT color=DarkOrange><B>Liste numérotée</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('q')" type="button" id="text_editor_cmd_wrap0_quote" accesskey="q" title="Ce bouton sert à mettre votre texte en citation"
><FONT color=DarkOrange><B>Citation</B></FONT></button>&nbsp;
         <button class="button2" onmouseover="helpline('c')" type="button" id="text_editor_cmd_wrap0_code" accesskey="c" title="Ce bouton sert à mettre votre texte en code"
><FONT color=DarkOrange><B>Code</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'wtable_gui')" onmouseover="helpline('tab')" type="button" id="addbbcodetable" accesskey=" title="Ce bouton sert à insérer un tableau"
><FONT color=DarkOrange><B>Tableau</B></FONT></button>&nbsp; <BR>
         <!-- BEGIN switch_upload_servimg -->
         <button class="button2" onclick="display_upload_servimg(this,'{SERVIMG_USER_EMAIL}','{SERVIMG_ID}','{SERVIMG_FID}')" onmouseover="helpline('y')" type="button" id="wservimg" accesskey="y" title="Ce bouton sert à héberger une image"
><FONT color=DarkOrange><B>Héberger une image</B></FONT></button>&nbsp;

         <!-- END switch_upload_servimg -->
         <!-- BEGIN switch_upload_imageshack -->
         <button class="button2" onclick="display_upload_imageshack(this)" onmouseover="helpline('y')" type="button" id="imageshack" accesskey="y" title="Ce bouton sert à héberger une image"
><FONT color=DarkOrange><B>Héberger une image</B></FONT></button>&nbsp;

         <!-- END switch_upload_imageshack -->
         <button class="button2" onclick="selectWysiwyg(this,'wimg')" onmouseover="helpline('p')" type="button" id="bbcodewimg" accesskey="p" title="Ce bouton sert à insérer le lien de l'image afin qu'elle soit dans votre message"
><FONT color=DarkOrange><B>Lien image</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'wurl')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="Ce bouton sert à insérer le lien d'une page Web afin qu'il soit dans votre message"
><FONT color=DarkOrange><B>Lien Web</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'wflash')" type="button" title="Ce bouton sert à insérer le lien d'un Flash afin qu'il soit dans votre message"
><FONT color=DarkOrange><B>Lien Flash</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'wvideo')" type="button" id="" title="Ce bouton sert à insérer le lien d'une vidéo afin qu'elle soit dans votre message"
><FONT color=DarkOrange><B>Vidéo</B></FONT></button>&nbsp;
<button class="button2" onclick="selectWysiwyg(this,'wpx')" onmouseover="helpline('f')" type="button"
title="Ce bouton sert à modifier la taille du texte"><FONT color=DarkOrange><B>Taille du texte</B></FONT></button>&nbsp;
         <button class="button2" onclick="selectWysiwyg(this,'wcolor')" onmouseover="helpline('s')" type="button"
title="Ce bouton sert à changer la couleur du texte "><FONT color=DarkOrange><B>Couleur du texte</B></FONT></button>&nbsp;
<button class="button2" onclick="selectWysiwyg(this,'wfont')" onmouseover="helpline('ft')" type="button"
title="Ce bouton sert à modifier la police du texte"><FONT color=DarkOrange><B>Police du texte</B></FONT></button>&nbsp;
<button class="button2" onclick="selectWysiwyg(this,'other')" type="button" title="Ce bouton sert à donner des effets spéciaux à votre texte"
style="height:22px" /><FONT color=DarkOrange><B>Effets spéciaux</B></FONT></button>&nbsp;<br>
         <!-- BEGIN switch_roll_dice_old -->
         <!-- END switch_roll_dice_old -->
         <button class="button2" onmouseover="helpline('{REMOVE_TEXT_FORMATTING}')" type="button" title="Ce bouton sert à effacer toutes les balises déjà insérées"id="text_editor_cmd_removeformat"><FONT color=DarkOrange><B>Supprimer le formatage du texte</B></FONT></button>&nbsp;
      </span>
      <button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="Ce bouton sert à changer de mode de rédaction"><FONT color=DarkOrange><B>Basculer de mode</B></FONT></button>&nbsp;
   </div>

</div>
</td></tr>
<tr>
<td colspan="9"><span class="gensmall" style="width:450px;font-size:10px" id="helpbox"></span></td>
</tr>
<tr>
<td colspan="9">
   <span class="gen" style="width:100%; height:250px">
      <textarea id="text_editor_textarea" class="post" style="width:100%;height:250px" onclick="storeCaret(this)" onkeyup="storeCaret(this)" name="message" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual">{MESSAGE}</textarea>&nbsp;
   </span>
<script src="/wysiwyg/wysiwyg_global.js" type="text/javascript"></script>
<script src="/wysiwyg/wysiwyg_menu.js" type="text/javascript"></script>
<script src="/wysiwyg/wysiwyg_textedit_new{JS_WYZ_VER}.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
vB_Editor['text_editor'] = new vB_Text_Editor('text_editor', {IS_WYSIWYG}, 2, 1);
vBulletin_init();
smilieoptions = {{SMILEY_SELECT}};
//]]>
</script>
</td>
</tr>
</table>
</td>
</tr>

<!-- BEGIN edit_reason -->

<tr>
<td class="row1" width="22%"><span class="gen"><strong>{edit_reason.L_EDIT_REASON}</strong></span></td>
<td class="row2" width="78%"><span class="gen"><input class="post" style="width:450px" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255"></span></td>
</tr>

<!-- END edit_reason -->

{CODE_CONFIRM}
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catBottom" colspan="2" align="center" height="28">
<input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
{S_HIDDEN_FORM_FIELDS}
<!-- BEGIN switch_preview -->
<input class="liteoption" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />&nbsp;
<!-- END switch_preview -->
<!-- BEGIN switch_draft -->
&nbsp;<input class="liteoption" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />&nbsp;
<!-- END switch_draft -->
<!-- BEGIN switch_publish -->
&nbsp;<input class="liteoption" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
<!-- END switch_publish -->
&nbsp;<input class="mainoption" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
</td>
</tr>
</table>
<br /><br />

<!-- BEGIN switch_roll_dice -->
<div id="rolldice" style="display:{ROLLDICE_CLOSE}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{ROLL_DICE_TITLE}</b></span></td><td width="10"><a href="javascript:ShowHideLayernew('rolldice')"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"></a></td>
</tr></table>
</th></tr>
</table>
</div>

<div id="rolldice_show" style="display:{ROLLDICE_OPEN}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{ROLL_DICE_TITLE}</b></span></td>
<td width="10"><a href="javascript:ShowHideLayernew('rolldice')">
<img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"></a></td>
</tr>
</th></tr>
</table><tr><td class="row1">
<script type="text/javascript">
//<![CDATA[
function add_dice(dice_number,dice,number)
{
   var content = document.getElementById('post_dice').innerHTML;
   document.getElementById('dice_to_del').innerHTML = '';
   document.getElementById('dice_to_del').id = '';

   var new_tr = document.createElement('tr');
   new_tr.appendChild(document.createElement('td'));
   new_tr.firstChild.innerHTML = '<span class="postbody">{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' :&nbsp;</span><select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select><span class="postbody">&nbsp;<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls" class="post" value="' + number + '" />&nbsp;<span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ','',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span></span>';
   document.getElementById('list_dice').lastChild.appendChild(new_tr);

   var select_dice = document.getElementById('post_dice_' + dice_number);
   if ( dice == '' )
   {
      select_dice.selectedIndex=0;
   }
   for ( var i = 1; select_dice.options[i]; i++ )
   {
      select_dice.options[i].selected = ( select_dice.options[i].value == dice );
   }
}
//]]>
</script>
<label class="gen">
<table style="width:100%" id="list_dice"><tr><td>
   <span class="postbody">{ROLL_DICE_TITLE_LOW} #1 :&nbsp;</span>
   <select name="post_dice_0" id="post_dice">
      <option value="">-</option>
   <!-- BEGIN row_replace -->
      <option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
   <!-- END row_replace -->
   </select>
   <span class="postbody">
      &nbsp;<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls" class="post" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
      &nbsp;<span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
   </span>
   </td></tr>
</table>
</label></tr>
</table><br /><br />
</div>
{switch_roll_dice.DICE_SCRIPT}
<!-- END switch_roll_dice -->

<!-- BEGIN switch_attachment_list -->
<div id="attachments">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_ATTACHMENTS}</b></span></td><td width="10"></td>
</tr></table>
</th></tr>
<!-- BEGIN attachments -->
<tr>
<td width="22%" class="row1">
<span class="gen"><b>{L_ATTACHMENT_FILENAME}</b></span><br />
</td>
<td width="78%" class="row2">
<!-- BEGIN switch_is_orphan -->
<span class="gen">{switch_attachment_list.attachments.switch_is_orphan.FILENAME}</span>&nbsp;&nbsp;
<!-- END switch_is_orphan -->
<!-- BEGIN switch_is_not_orphan -->
<a href="{switch_attachment_list.attachments.switch_is_not_orphan.U_ATTACH_URL}" class="gen">{switch_attachment_list.attachments.switch_is_not_orphan.FILENAME}</a>&nbsp;&nbsp;
<!-- END switch_is_not_orphan -->
<!-- BEGIN switch_can_delete -->
<input type="submit" value="{L_ATTACHMENT_DELETE}" name="delete_file[{switch_attachment_list.attachments.ATTACH_POS}]" /><br />
<!-- END switch_can_delete -->
</td>
</tr>
<tr>
<td width="22%" class="row1">
<span class="gen"><b>{L_ATTACH_COMMENT}</b></span>
</td>
<td width="78%" class="row2">
<!--textarea name=&quot;comment_list[{switch_attachment_list.attachments.ATTACH_POS}]&quot; cols=&quot;35&quot; rows=&quot;3&quot; style=&quot;width:100%&quot;>{switch_attachment_list.attachments.ATTACH_COMMENT}&lt;/textarea&gt;<br />
<a href=&quot;{switch_attachment_list.attachments.U_ATTACH_URL}&quot; class=&quot;gen&quot;>{switch_attachment_list.attachments.FILENAME}</a>&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;nbsp;<input class=&quot;liteoption&quot; type=&quot;submit&quot; value=&quot;{L_ATTACHMENT_DELETE}&quot; name=&quot;delete_file[{switch_attachment_list.attachments.ATTACH_POS}]&quot; /-->
<input class="post" type="text" id="filecomment{switch_attachment_list.attachments.ATTACH_POS}" name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" maxlength="255" style="width: 450px" />
<input type="hidden" value="{switch_attachment_list.attachments.ATTACH_ID}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_id]" />
<input type="hidden" value="{switch_attachment_list.attachments.IS_ORPHAN}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][is_orphan]" />
<input type="hidden" value="{switch_attachment_list.attachments.REAL_FILENAME}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][real_filename]" />
<input type="hidden" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_comment]" />
</tr>

<!-- END attachments -->
</table>
</div>
<!-- END switch_attachment_list -->

<!-- BEGIN switch_attachment -->
<div id="attachment" style="display:{ATTACHMENT_CLOSE}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_ATTACHMENT_ADD}</b></span></td><td width="10"><a href="javascript:ShowHideLayernew('attachment')"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"></a></td>
</tr></table>
</th></tr>
</table>
</div>

<div id="attachment_show" style="display:{ATTACHMENT_OPEN}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_ATTACHMENT_ADD}</b></span></td>
<td width="10"><a href="javascript:ShowHideLayernew('attachment')">
<img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"></a></td>
</tr></table>
</th></tr>
<tr>
<td class="row1">

<table class="forumline" width="100%" cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="row1" colspan="2"><span class="gen">{L_ATTACHMENT_ADD_HELP}</span><br /><span class="info">{EXT_LIST}</span><br /></td>
</tr>

<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_ATTACHMENT_FILENAME}</b></span></td>
<td class="row2" width="78%"><span class="genmed"><input class="post" type="file" id="fileupload" name="fileupload" value="" /><input value="{L_SUBMIT}" type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})</span></td>
</tr>

<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_ATTACH_COMMENT}</b></span></td>
<td class="row2" width="78%"><span class="genmed"><input class="post" type="text" style="width:450px" id="filecomment" name="filecomment" value="" maxlength="255" /></span></td>
</tr>

<!-- BEGIN modif_dav_08032010 -->
<tr>
<td valign="top" width="15%"><label class="gen" for="fileupload">{L_ATTACHMENT_FILENAME}</label><br /><br />
<label class="gen" for="filecomment">{L_ATTACH_COMMENT}</label></td>
<td width="80%"><input type="file" id="fileupload" name="fileupload" /><input type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})<br />
<textarea id="filecomment" name="filecomment" cols="35" rows="3" style="width:100%"></textarea></td>
</tr>
<!-- END modif_dav_08032010 -->

</table>
</td>
</tr>
</table>
</div>

<!-- END switch_attachment -->

<div id="optionsitems" style="display:{OPTIONSITEMS_CLOSE}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_OPTIONS}</b></span></td><td width="10"><a href="javascript:ShowHideLayernew('optionsitems')"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"></a></td>
</tr></table>
</th></tr>
</table>
</div>

<div id="optionsitems_show" style="display:{OPTIONSITEMS_OPEN}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_OPTIONS}</b></span></td>
<td width="10"><a href="javascript:ShowHideLayernew('optionsitems')">
<img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"></a></td>
</tr></table>
</th></tr>

<!-- BEGIN switch_topic_modif -->
   <!-- BEGIN switch_icon_checkbox -->
   <tr>
      <td class="row1"><label class="gen">{POST_ICON_TITLE}</label></td>

      <td class="row2">
      <!-- BEGIN row -->
         <!-- BEGIN cell -->
         <label class="gen"><input type="radio" name="post_icon" value="{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" id="post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" {switch_topic_modif.switch_icon_checkbox.row.cell.ICON_CHECKED} />?<span onclick="document.forms['post'].post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_IMG}</span></label>
         <!-- END cell -->
      <!-- END row -->
      </td>
   </tr>
   <!-- END switch_icon_checkbox -->
<tr>

   <td class="row1"><label for="modif_topic_title" class="gen">{L_TOPIC_TITLE_MODIFY}</label></td>

   <td class="row2">
      <input class="post" style="width:450px" type="text" name="modif_topic_title" id="modif_topic_title" value="{MODIF_TOPIC_TITLE}" class="gen" maxlength="{TOPIC_TITLE_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
      <!-- BEGIN switch_topic_button -->
      &nbsp;<input type="button" value="{L_SOLVED_WITHOUT_BRAKETS}" class="button" onclick="set_solved(this.form.elements['modif_topic_title'],'{L_SOLVED}')" style="display:none" id="button_solved" />
      <script type="text/javascript">
      //<![CDATA[
      document.getElementById('button_solved').style.display = 'inline';
      //]]>
      </script>
      <!-- END switch_topic_button -->
   </td>
</tr>
<!-- END switch_topic_modif -->

<td class="row1" valign="top" width="22%">
<span class="gensmall">{HTML_STATUS}<br />
{BBCODE_STATUS}<br />
{SMILIES_STATUS}</span></td>
<td class="row2" width="78%"><span class="gen">&nbsp;</span>
<table border="0" cellspacing="0" cellpadding="1">
<!-- BEGIN switch_html_checkbox -->
<tr>
<td><input type="checkbox" name="disable_html"{S_HTML_CHECKED} ></td>
<td><span class="gen">{L_DISABLE_HTML}</span></td>
</tr>
<!-- END switch_html_checkbox --><!-- BEGIN switch_bbcode_checkbox -->
<tr>
<td><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} ></td>
<td><span class="gen">{L_DISABLE_BBCODE}</span></td>
</tr>
<!-- END switch_bbcode_checkbox --><!-- BEGIN switch_smilies_checkbox -->
<tr>
<td><input type="checkbox" name="disable_smilies"{S_SMILIES_CHECKED} ></td>
<td><span class="gen">{L_DISABLE_SMILIES}</span></td>
</tr>
<!-- END switch_smilies_checkbox --><!-- BEGIN switch_signature_checkbox -->
<tr>
<td><input type="checkbox" name="attach_sig"{S_SIGNATURE_CHECKED}></td>
<td><span class="gen">{L_ATTACH_SIGNATURE}</span></td>
</tr>
<!-- END switch_signature_checkbox --><!-- BEGIN switch_notify_checkbox -->
<tr>
<td><input type="checkbox" name="notify"{S_NOTIFY_CHECKED}></td>
<td><span class="gen">{L_NOTIFY_ON_REPLY}</span></td>
</tr>
<!-- END switch_notify_checkbox --><!-- BEGIN switch_delete_checkbox -->
<tr>
<td><input type="checkbox" name="delete"></td>
<td><span class="gen">{L_DELETE_POST}</span></td>
</tr>
<!-- END switch_delete_checkbox -->
<!-- BEGIN switch_type_toggle -->
<tr>
<td></td>
<td><span class="gen">{S_TYPE_TOGGLE}</span></td>
</tr>
<!-- END switch_type_toggle -->
</table>

</td>
</tr>
</table>
</div>

<!-- BEGIN switch_type_cal -->
<div id="calendaritems" style="display:{CALENDARITEMS_CLOSE}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_CALENDAR}</b></span></td><td width="10"><a href="javascript:ShowHideLayernew('calendaritems')"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"></a></td>
</tr></table>
</td></tr>
</table>
</div>
<div id="calendaritems_show" style="display:{CALENDARITEMS_OPEN}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_CALENDAR}</b></span></td><td width="10"><a href="javascript:ShowHideLayernew('calendaritems')"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"></a></td>
</tr></table>
</td></tr>
<tr><td class="row1" width="22%"><span class="gen"><b>{L_CALENDAR_TITLE}&nbsp;:</b></span></td>
<td class="row2" width="78%"><span class="genmed">
{S_CALENDAR_DAY}{S_CALENDAR_MONTH}{S_CALENDAR_YEAR}&nbsp;
<a href="javascript:void(0)" name="#" class="genmed" style="font-style:normal;font-weight:normal" onclick="document.post.topic_calendar_day.value={TODAY_DAY};document.post.topic_calendar_month.value={TODAY_MONTH};document.post.topic_calendar_year.value={TODAY_YEAR}" />{L_TODAY}</a>
</span>
</td>
</tr>
<tr>
<td class="row1"><span class="gen"><b>{L_TIME}&nbsp;:</b></span></td>
<td class="row2"><span class="genmed">
<input name="topic_calendar_hour" type="post" maxlength="2" size="3" value="{CALENDAR_HOUR}" class="post" />&nbsp;{L_HOURS}&nbsp;&nbsp;
<input name="topic_calendar_min" type="post" maxlength="2" size="3" value="{CALENDAR_MIN}" class="post" />&nbsp;{L_MINUTES}
</span>
</td>
</tr>
<tr>
<td class="row1"><span class="gen"><b>{L_CALENDAR_DURATION}&nbsp;:</b></span></td>
<td class="row2">
<span class="genmed">
<input name="topic_calendar_duration_day" type="post" maxlength="5" size="3" value="{CALENDAR_DURATION_DAY}" class="post" />&nbsp;{L_DAYS}&nbsp;&nbsp;
<input name="topic_calendar_duration_hour" type="post" maxlength="5" size="3" value="{CALENDAR_DURATION_HOUR}" class="post" />&nbsp;{L_HOURS}&nbsp;&nbsp;
<input name="topic_calendar_duration_min" type="post" maxlength="5" size="3" value="{CALENDAR_DURATION_MIN}" class="post" />&nbsp;{L_MINUTES}
<input name="create_event" type="hidden" value="{CREATE_EVENT}" />
<input name="calendar_d" type="hidden" value="{CALENDAR_D}" />
</span>
</td>
</tr>
</table>
</div>
<!-- END switch_type_cal -->
{POLLBOX}

<!-- BEGIN switch_display_menus -->
<script type="text/javascript">
//<![CDATA[
ShowHideLayernew('rolldice');
ShowHideLayernew('optionsitems');
ShowHideLayernew('calendaritems');
ShowHideLayernew('pollitems');
//]]>
</script>
<!-- END switch_display_menus -->

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="right" valign="top"><span class="gensmall">{S_TIMEZONE}</span></td>
</tr>
</form>
</table>
<table width="100%" border="0" cellspacing="2" align="center">
<tr>
<td align="right" valign="top">{JUMPBOX}</td>
</tr>
</table>{TOPIC_REVIEW_BOX}

<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
   privmsg_add_username('{U_SEARCH_USER}', '<br /><span class="genmed"><input class="post" style="margin:1px 0" type="text" name="username[]" size="25" /></span>');
});
//]]>
</script>
<!-- END switch_privmsg -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Personnaliser le choix des couleurs par défaut dans les messages - phpBB2 | punBB

Message par Milouze14 le Lun 2 Aoû 2010 - 11:04

Salut à toutes et à tous,
suite à un bug avec I.E les boutons été tous alignés dans le module de rédaction.

Je viens de modifier les codes ci-dessus pour un affichage échelonné.
(trois rangées)
Milouze14
a

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 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