Vous n’appréciez pas les couleurs du texte que ForumActif vous propose ? Des couleur vous sont inutiles car ils sont trop clair ou trop foncé ? Vous souhaitez peut être les adapter à votre thème ? Ce code vous permet de personnalisé les couleurs de votre éditeur.

 

♦ Rendez-vous dans votre Panneau d’Administration
♦ Dirigez-vous vers Templates et cliquez sur « Poster & Messages Privés »
♦ Cliquez sur l’icône Modifier de « Posting_body » (Page d’envoi de messages)
♦ De là, cherchez le code suivant.

<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><br />
<button style= »color:red » onclick= »bbfontstyle(‘[color=red]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_RED}</button><br />
<button style= »color:orange » onclick= »bbfontstyle(‘[color=orange]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_ORANGE}</button><br />
<button style= »color:brown » onclick= »bbfontstyle(‘[color=brown]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_BROWN}</button><br />
<button style= »color:yellow » onclick= »bbfontstyle(‘[color=yellow]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_YELLOW}</button><br />
<button style= »color:green » onclick= »bbfontstyle(‘[color=green]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_GREEN}</button><br />
<button style= »color:olive » onclick= »bbfontstyle(‘[color=olive]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_OLIVE}</button><br />
<button style= »color:cyan » onclick= »bbfontstyle(‘[color=cyan]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_CYAN}</button><br />
<button style= »color:blue » onclick= »bbfontstyle(‘[color=blue]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_BLUE}</button><br />
<button style= »color:darkblue » onclick= »bbfontstyle(‘[color=darkblue]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_DARK_BLUE}</button><br />
<button style= »color:indigo » onclick= »bbfontstyle(‘[color=indigo]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_INDIGO}</button><br />
<button style= »color:violet » onclick= »bbfontstyle(‘[color=violet]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_VIOLET}</button><br />
<button style= »color:lightgrey » onclick= »bbfontstyle(‘[color=white]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_WHITE}</button><br />
<button style= »color:black » onclick= »bbfontstyle(‘[color=black]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_BLACK}</button><br /></div>

♦ Chaque < button > correspond à une couleur.
♦ Modifiez les « color:#couleur » et [color=#couleur] par votre couleur que vous souhaitez mettre.
♦ Modifiez {L_COLOR_BLACK} par exemple par le nom de votre couleur comme sur l’exemple ci-dessous.

<button style= »color:#COULEUR » onclick= »bbfontstyle(‘[color=#COULEUR]’,'[/color]’);selectWysiwyg(this,’color’);return false »>NOM DE LA COULEUR</button>

♦ Faites pareil pour la partie suivante qui se trouve un peu plus loin.

<div style= »visibility:hidden » class= »select » id= »wcolor »><button style= »color:darkred » id= »text_editor_cmd_constructBBcode_select_color_darkred »>{L_COLOR_DARK_RED}</button><br />
<button style= »color:red » id= »text_editor_cmd_constructBBcode_select_color_red »>{L_COLOR_RED}</button><br />
<button style= »color:orange » id= »text_editor_cmd_constructBBcode_select_color_orange »>{L_COLOR_ORANGE}</button><br />
<button style= »color:brown » id= »text_editor_cmd_constructBBcode_select_color_brown »>{L_COLOR_BROWN}</button><br />
<button style= »color:yellow » id= »text_editor_cmd_constructBBcode_select_color_yellow »>{L_COLOR_YELLOW}</button><br />
<button style= »color:green » id= »text_editor_cmd_constructBBcode_select_color_green »>{L_COLOR_GREEN}</button><br />
<button style= »color:olive » id= »text_editor_cmd_constructBBcode_select_color_olive »>{L_COLOR_OLIVE}</button><br />
<button style= »color:cyan » id= »text_editor_cmd_constructBBcode_select_color_cyan »>{L_COLOR_CYAN}</button><br />
<button style= »color:blue » id= »text_editor_cmd_constructBBcode_select_color_blue »>{L_COLOR_BLUE}</button><br />
<button style= »color:darkblue » id= »text_editor_cmd_constructBBcode_select_color_darkblue »>{L_COLOR_DARK_BLUE}</button><br />
<button style= »color:indigo » id= »text_editor_cmd_constructBBcode_select_color_indigo »>{L_COLOR_INDIGO}</button><br />
<button style= »color:violet » id= »text_editor_cmd_constructBBcode_select_color_violet »>{L_COLOR_VIOLET}</button><br />
<button style= »color:lightgrey » id= »text_editor_cmd_constructBBcode_select_color_white »>{L_COLOR_WHITE}</button><br />
<button style= »color:black » id= »text_editor_cmd_constructBBcode_select_color_black »>{L_COLOR_BLACK}</button><br /></div>

♦ Comme l’exemple ci-dessous :

<button style= »color:#COULEUR » id= »text_editor_cmd_constructBBcode_select_color_#COULEUR »>NOM DE LA COULEUR</button>

♦ Vérifiez bien que les < div > y sont bien à votre fin de code car vous êtes assez limité en caractère et il se peut que tous vos couleurs puissent être mis.
♦ Puis Enregistrer et publiez

 

Voici quelques packs de couleurs assortis pour votre forum selon son thème. Retrouvez ici des packs auquel vous n’avez plus qu’à copier coller au bon endroit.

✿ PACK #01 . COULEURS CLAIRS POUR UN FOND FONCE

<div style= »visibility:hidden » class= »select » id= »color »>
<button style= »color:lightgrey » onclick= »bbfontstyle(‘[color=white]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_WHITE}</button><br />
<button style= »color:#FA8072″ onclick= »bbfontstyle(‘[color=#FA8072]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Salmon</button><br />
<button style= »color:violet » onclick= »bbfontstyle(‘[color=violet]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_VIOLET}</button><br />
<button style= »color:#DDA0DD » onclick= »bbfontstyle(‘[color=#DDA0DD]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Plum</button><br />
<button style= »color:#FFC0CB » onclick= »bbfontstyle(‘[color=#FFC0CB]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Pink</button><br />
<button style= »color:cyan » onclick= »bbfontstyle(‘[color=cyan]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_CYAN}</button><br />
<button style= »color:#B0C4DE » onclick= »bbfontstyle(‘[color=#B0C4DE]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Lightsteelblu</button><br />
<button style= »color:#6495ED » onclick= »bbfontstyle(‘[color=#6495ED]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Cornflowerblue</button><br />
<button style= »color:#87CEFA » onclick= »bbfontstyle(‘[color=#87CEFA]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Lightskyblue</button><br />
<button style= »color:yellow » onclick= »bbfontstyle(‘[color=yellow]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_YELLOW}</button><br />
<button style= »color:#F4A460″ onclick= »bbfontstyle(‘[color=#F4A460]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Sandybrown</button><br />
<button style= »color:#FFD700″ onclick= »bbfontstyle(‘[color=#FFD700]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Gold</button><br />
<button style= »color:#DEB887″ onclick= »bbfontstyle(‘[color=#DEB887]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Burlywood</button><br />
<button style= »color:orange » onclick= »bbfontstyle(‘[color=orange]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_ORANGE}</button><br />
<button style= »color:#00FF00″ onclick= »bbfontstyle(‘[color=#00FF00]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Lime</button><br />
<button style= »color:#BDB76B » onclick= »bbfontstyle(‘[color=#BDB76B]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Darkkhaki</button><br />
<button style= »color:#98FB98″ onclick= »bbfontstyle(‘[color=#98FB98]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Palegreen</button><br />
<button style= »color:#9ACD32″ onclick= »bbfontstyle(‘[color=#9ACD32]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Yellowgreen</button><br />
</div>

 

<div style= »visibility:hidden » class= »select » id= »wcolor »>
<button style= »color:lightgrey » id= »text_editor_cmd_constructBBcode_select_color_white »>{L_COLOR_WHITE}</button><br />
<button style= »color:#FA8072″ id= »text_editor_cmd_constructBBcode_select_color_#FA8072″>Salmon</button><br />
<button style= »color:violet » id= »text_editor_cmd_constructBBcode_select_color_violet »>{L_COLOR_VIOLET}</button><br />
<button style= »color:#DDA0DD » id= »text_editor_cmd_constructBBcode_select_color_#DDA0DD »>Plum</button><br />
<button style= »color:#FFC0CB » id= »text_editor_cmd_constructBBcode_select_color_#FFC0CB »>Pink</button><br />
<button style= »color:cyan » id= »text_editor_cmd_constructBBcode_select_color_cyan »>{L_COLOR_CYAN}</button><br />
<button style= »color:#B0C4DE » id= »text_editor_cmd_constructBBcode_select_color_#B0C4DE »>Lightsteelblu</button><br />
<button style= »color:#6495ED » id= »text_editor_cmd_constructBBcode_select_color_#6495ED »>Cornflowerblue</button><br />
<button style= »color:#87CEFA » id= »text_editor_cmd_constructBBcode_select_color_#87CEFA »>Lightskyblue</button><br />
<button style= »color:yellow » id= »text_editor_cmd_constructBBcode_select_color_yellow »>{L_COLOR_YELLOW}</button><br />
<button style= »color:#F4A460″ id= »text_editor_cmd_constructBBcode_select_color_#F4A460″>Sandybrown</button><br />
<button style= »color:#FFD700″ id= »text_editor_cmd_constructBBcode_select_color_#FFD700″>Gold</button><br />
<button style= »color:#DEB887″ id= »text_editor_cmd_constructBBcode_select_color_#DEB887″>Burlywood</button><br />
<button style= »color:orange » id= »text_editor_cmd_constructBBcode_select_color_orange »>{L_COLOR_ORANGE}</button><br />
<button style= »color:#00FF00″ id= »text_editor_cmd_constructBBcode_select_color_#00FF00″>Lime</button><br />
<button style= »color:#BDB76B » id= »text_editor_cmd_constructBBcode_select_color_#BDB76B »>Darkkhaki</button><br />
<button style= »color:#98FB98″ id= »text_editor_cmd_constructBBcode_select_color_#98FB98″>Palegreen</button><br />
<button style= »color:#9ACD32″ id= »text_editor_cmd_constructBBcode_select_color_#9ACD32″>Yellowgreen</button><br />
</div>

 

✿ PACK #02 . COULEURS FONCES POUR UN FOND CLAIR

 

<div style= »visibility:hidden » class= »select » id= »color »>
<button style= »color:black » onclick= »bbfontstyle(‘[color=black]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_BLACK}</button><br />
<button style= »color:red » onclick= »bbfontstyle(‘[color=red]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_RED}</button><br />
<button style= »color:green » onclick= »bbfontstyle(‘[color=green]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_GREEN}</button><br />
<button style= »color:darkred » onclick= »bbfontstyle(‘[color=darkred]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_DARK_RED}</button><br />
<button style= »color:indigo » onclick= »bbfontstyle(‘[color=indigo]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_INDIGO}</button><br />
<button style= »color:darkblue » onclick= »bbfontstyle(‘[color=darkblue]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_DARK_BLUE}</button><br />
<button style= »color:brown » onclick= »bbfontstyle(‘[color=brown]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_BROWN}</button><br />
<button style= »color:#800080″ onclick= »bbfontstyle(‘[color=#800080]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Purple</button><br />
<button style= »color:blue » onclick= »bbfontstyle(‘[color=blue]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_BLUE}</button><br />
<button style= »color:#2F4F4F » onclick= »bbfontstyle(‘[color=#2F4F4F]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Darkslategray</button><br />
<button style= »color:#556B2F » onclick= »bbfontstyle(‘[color=#556B2F]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Darkolivegreen</button><br />
<button style= »color:#8A2BE2″ onclick= »bbfontstyle(‘[color=#8A2BE2]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Blueviolet</button><br />
<button style= »color:#9400D3″ onclick= »bbfontstyle(‘[color=#9400D3]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Darkviolet</button><br />
<button style= »color:#708090″ onclick= »bbfontstyle(‘[color=#708090]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Slategray</button><br />
<button style= »color:olive » onclick= »bbfontstyle(‘[color=olive]’,'[/color]’);selectWysiwyg(this,’color’);return false »>{L_COLOR_OLIVE}</button><br />
</div>

 

<div style= »visibility:hidden » class= »select » id= »wcolor »>
<button style= »color:black » id= »text_editor_cmd_constructBBcode_select_color_black »>{L_COLOR_BLACK}</button><br />
<button style= »color:red » id= »text_editor_cmd_constructBBcode_select_color_red »>{L_COLOR_RED}</button><br />
<button style= »color:green » id= »text_editor_cmd_constructBBcode_select_color_green »>{L_COLOR_GREEN}</button><br />
<button style= »color:darkred » id= »text_editor_cmd_constructBBcode_select_color_darkred »>{L_COLOR_DARK_RED}</button><br />
<button style= »color:darkblue » id= »text_editor_cmd_constructBBcode_select_color_darkblue »>{L_COLOR_DARK_BLUE}</button><br />
<button style= »color:indigo » id= »text_editor_cmd_constructBBcode_select_color_indigo »>{L_COLOR_INDIGO}</button><br />
<button style= »color:brown » id= »text_editor_cmd_constructBBcode_select_color_brown »>{L_COLOR_BROWN}</button><br />
<button style= »color:#800080″ id= »text_editor_cmd_constructBBcode_select_color_#800080″>Purple</button><br />
<button style= »color:blue » id= »text_editor_cmd_constructBBcode_select_color_blue »>{L_COLOR_BLUE}</button><br />
<button style= »color:#2F4F4F » id= »text_editor_cmd_constructBBcode_select_color_#2F4F4F »>Darkslategray</button><br />
<button style= »color:#556B2F » id= »text_editor_cmd_constructBBcode_select_color_#556B2F »>Darkolivegreen</button><br />
<button style= »color:#9400D3″ id= »text_editor_cmd_constructBBcode_select_color_#9400D3″>Darkviolet</button><br />
<button style= »color:#8A2BE2″ id= »text_editor_cmd_constructBBcode_select_color_#8A2BE2″>Blueviolet</button><br />
<button style= »color:#708090″ id= »text_editor_cmd_constructBBcode_select_color_#708090″>Slategray</button><br />
<button style= »color:olive » id= »text_editor_cmd_constructBBcode_select_color_olive »>{L_COLOR_OLIVE}</button><br />
</div>

 

✿ PACK #03 . COULEURS NEUTRES

 

<div style= »visibility:hidden » class= »select » id= »color »>
<button style= »color:#6A5ACD » onclick= »bbfontstyle(‘[color=#6A5ACD]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Slateblue</button><br />
<button style= »color:#9370DB » onclick= »bbfontstyle(‘[color=#9370DB]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Mediumpurple</button><br />
<button style= »color:#BA55D3″ onclick= »bbfontstyle(‘[color=#BA55D3]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Mediumorchid</button><br />
<button style= »color:#FF00FF » onclick= »bbfontstyle(‘[color=#FF00FF]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Fuchsia</button><br />
<button style= »color:#FF1493″ onclick= »bbfontstyle(‘[color=#FF1493]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Deeppink</button><br />
<button style= »color:#C71585″ onclick= »bbfontstyle(‘[color=#C71585]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Mediumvioletred</button><br />
<button style= »color:#4169E1″ onclick= »bbfontstyle(‘[color=#4169E1]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Royalblue</button><br />
<button style= »color:#4682B4″ onclick= »bbfontstyle(‘[color=#4682B4]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Steelblue</button><br />
<button style= »color:#1E90FF » onclick= »bbfontstyle(‘[color=#1E90FF]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Dodgerblue</button><br />
<button style= »color:#D2691E » onclick= »bbfontstyle(‘[color=#D2691E]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Chocolate</button><br />
<button style= »color:#DAA520″ onclick= »bbfontstyle(‘[color=#DAA520]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Goldenrod</button><br />
<button style= »color:#FF6347″ onclick= »bbfontstyle(‘[color=#FF6347]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Tomato</button><br />
<button style= »color:#FF4500″ onclick= »bbfontstyle(‘[color=#FF4500]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Orangered</button><br />
<button style= »color:#696969″ onclick= »bbfontstyle(‘[color=#696969]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Dimgray</button><br />
<button style= »color:#6B8E23″ onclick= »bbfontstyle(‘[color=#6B8E23]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Olivedrab</button><br />
<button style= »color:#008080″ onclick= »bbfontstyle(‘[color=#008080]’,'[/color]’);selectWysiwyg(this,’color’);return false »>Teal</button><br />
</div>

 

<div style= »visibility:hidden » class= »select » id= »wcolor »>
<button style= »color:#6A5ACD » id= »text_editor_cmd_constructBBcode_select_color_#6A5ACD »>Slateblue</button><br />
<button style= »color:#9370DB » id= »text_editor_cmd_constructBBcode_select_color_#9370DB »>Mediumpurple</button><br />
<button style= »color:#BA55D3″ id= »text_editor_cmd_constructBBcode_select_color_#BA55D3″>Mediumorchid</button><br />
<button style= »color:#FF00FF » id= »text_editor_cmd_constructBBcode_select_color_#FF00FF »>Fuchsia</button><br />
<button style= »color:#FF1493″ id= »text_editor_cmd_constructBBcode_select_color_#FF1493″>Deeppink</button><br />
<button style= »color:#C71585″ id= »text_editor_cmd_constructBBcode_select_color_#C71585″>Mediumvioletred</button><br />
<button style= »color:#4169E1″ id= »text_editor_cmd_constructBBcode_select_color_#4169E1″>Royalblue</button><br />
<button style= »color:#4682B4″ id= »text_editor_cmd_constructBBcode_select_color_#4682B4″>Steelblue</button><br />
<button style= »color:#1E90FF » id= »text_editor_cmd_constructBBcode_select_color_#1E90FF »>Dodgerblue</button><br />
<button style= »color:#D2691E » id= »text_editor_cmd_constructBBcode_select_color_#D2691E »>Chocolate</button><br />
<button style= »color:#DAA520″ id= »text_editor_cmd_constructBBcode_select_color_#DAA520″>Goldenrod</button><br />
<button style= »color:#FF6347″ id= »text_editor_cmd_constructBBcode_select_color_#FF6347″>Tomato</button><br />
<button style= »color:#FF4500″ id= »text_editor_cmd_constructBBcode_select_color_#FF4500″>Orangered</button><br />
<button style= »color:#696969″ id= »text_editor_cmd_constructBBcode_select_color_#696969″>Dimgray</button><br />
<button style= »color:#6B8E23″ id= »text_editor_cmd_constructBBcode_select_color_#6B8E23″>Olivedrab</button><br />
<button style= »color:#008080″ id= »text_editor_cmd_constructBBcode_select_color_#008080″>Teal</button><br />
 </div>

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *