Kleuren in stijl beheer
Geplaatst: 16 mei 2005, 17:17
Bij 1 stijl die ik heb kan ik in het adminpanel de kleuren zien naast de codes in stijlenbeheer, hoe krijg ik dat ook in de andere stijlen?
bee schreef:Niet, want de meeste stijlen ondersteunen het niet, omdat het bandbreedte vreet.
Code: Selecteer alles
<script language="JavaScript">
<!--
function showcolor(cbutton,value)
{
cbutton.style.backgroundColor = value;
}
//-->
</script>
<h1>{L_THEMES_TITLE}</h1>
<p>{L_THEMES_EXPLAIN}</p>
<form action="{S_THEME_ACTION}" method="POST"><table width="99%" cellpadding="4" cellspacing="1" border="0" align="center" class="forumline">
<tr>
<th class="thHead" colspan="3">{L_THEME_SETTINGS}</th>
</tr>
<tr>
<td class="row1">{L_THEME_NAME}:</td>
<td class="row2" colspan="2"><input type="text" size="25" maxlength="100" name="style_name" value="{THEME_NAME}"></td>
</tr>
<tr>
<td class="row1">{L_TEMPLATE}:</td>
<td class="row2" colspan="2">{S_TEMPLATE_SELECT}</td>
</tr>
<tr>
<th>{L_THEME_ELEMENT}</th>
<th>{L_VALUE}</th>
<th>{L_SIMPLE_NAME}</th>
</tr>
<tr>
<td class="row1">{L_STYLESHEET}:<br /><span class="gensmall">Filename for CSS stylesheet to use for this theme.</span></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="head_stylesheet" value="{HEAD_STYLESHEET}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BACKGROUND_IMAGE}:</td>
<td class="row2" ><input type="text" size="25" maxlength="100" name="body_background" value="{BODY_BACKGROUND}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BACKGROUND_COLOR}:</td>
<td class="row2" ><input type="text" size="6" maxlength="6" name="body_bgcolor" value="{BODY_BGCOLOR}" onChange="showcolor(this.form.body_bgcolor_color, this.value)">
<input type="button" disabled value=" " id="body_bgcolor_color" style="background-color:{BODY_BGCOLOR}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BODY_TEXT_COLOR}:</td>
<td class="row2" ><input type="text" size="6" maxlength="6" name="body_text" value="{BODY_TEXT_COLOR}" onChange="showcolor(this.form.body_text_color, this.value)">
<input type="button" disabled value=" " id="body_text_color" style="background-color:{BODY_TEXT_COLOR}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BODY_LINK_COLOR}:</td>
<td class="row2" ><input type="text" size="6" maxlength="6" name="body_link" value="{BODY_LINK_COLOR}" onChange="showcolor(this.form.body_link_color, this.value)">
<input type="button" disabled value=" " id="body_link_color" style="background-color:{BODY_LINK_COLOR}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BODY_VLINK_COLOR}:</td>
<td class="row2" ><input type="text" size="6" maxlength="6" name="body_vlink" value="{BODY_VLINK_COLOR}" onChange="showcolor(this.form.body_vlink_color, this.value)">
<input type="button" disabled value=" " id="body_vlink_color" style="background-color:{BODY_VLINK_COLOR}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BODY_ALINK_COLOR}:</td>
<td class="row2" ><input type="text" size="6" maxlength="6" name="body_alink" value="{BODY_ALINK_COLOR}" onChange="showcolor(this.form.body_alink_color, this.value)">
<input type="button" disabled value=" " id="body_alink_color" style="background-color:{BODY_ALINK_COLOR}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_BODY_HLINK_COLOR}:</td>
<td class="row2" ><input type="text" size="6" maxlength="6" name="body_hlink" value="{BODY_HLINK_COLOR}" onChange="showcolor(this.form.body_hlink_color, this.value)">
<input type="button" disabled value=" " id="body_hlink_color" style="background-color:{BODY_HLINK_COLOR}"></td>
<td class="row2"> </td>
</tr>
<tr>
<td class="row1">{L_TR_COLOR1}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="tr_color1" value="{TR_COLOR1}" onChange="showcolor(this.form.tr_color1_color, this.value)">
<input type="button" disabled value=" " id="tr_color1_color" style="background-color:{TR_COLOR1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="tr_color1_name" value="{TR_COLOR1_NAME}">
</tr>
<tr>
<td class="row1">{L_TR_COLOR2}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="tr_color2" value="{TR_COLOR2}" onChange="showcolor(this.form.tr_color2_color, this.value)">
<input type="button" disabled value=" " id="tr_color2_color" style="background-color:{TR_COLOR2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="tr_color2_name" value="{TR_COLOR2_NAME}">
</tr>
<tr>
<td class="row1">{L_TR_COLOR3}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="tr_color3" value="{TR_COLOR3}" onChange="showcolor(this.form.tr_color3_color, this.value)">
<input type="button" disabled value=" " id="tr_color3_color" style="background-color:{TR_COLOR3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="tr_color3_name" value="{TR_COLOR3_NAME}">
</tr>
<tr>
<td class="row1">{L_TR_CLASS1}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="tr_class1" value="{TR_CLASS1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="tr_class1_name" value="{TR_CLASS1_NAME}">
</tr>
<tr>
<td class="row1">{L_TR_CLASS2}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="tr_class2" value="{TR_CLASS2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="tr_class2_name" value="{TR_CLASS2_NAME}">
</tr>
<tr>
<td class="row1">{L_TR_CLASS3}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="tr_class3" value="{TR_CLASS3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="tr_class3_name" value="{TR_CLASS3_NAME}">
</tr>
<tr>
<td class="row1">{L_TH_COLOR1}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="th_color1" value="{TH_COLOR1}" onChange="showcolor(this.form.th_color1_color, this.value)">
<input type="button" disabled value=" " id="th_color1_color" style="background-color:{TH_COLOR1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="th_color1_name" value="{TH_COLOR1_NAME}">
</tr>
<tr>
<td class="row1">{L_TH_COLOR2}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="th_color2" value="{TH_COLOR2}" onChange="showcolor(this.form.th_color2_color, this.value)">
<input type="button" disabled value=" " id="th_color2_color" style="background-color:{TH_COLOR2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="th_color2_name" value="{TH_COLOR2_NAME}">
</tr>
<tr>
<td class="row1">{L_TH_COLOR3}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="th_color3" value="{TH_COLOR3}" onChange="showcolor(this.form.th_color3_color, this.value)">
<input type="button" disabled value=" " id="th_color3_color" style="background-color:{TH_COLOR3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="th_color3_name" value="{TH_COLOR3_NAME}">
</tr>
<tr>
<td class="row1">{L_TH_CLASS1}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="th_class1" value="{TH_CLASS1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="th_class1_name" value="{TH_CLASS1_NAME}">
</tr>
<tr>
<td class="row1">{L_TH_CLASS2}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="th_class2" value="{TH_CLASS2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="th_class2_name" value="{TH_CLASS2_NAME}">
</tr>
<tr>
<td class="row1">{L_TH_CLASS3}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="th_class3" value="{TH_CLASS3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="th_class3_name" value="{TH_CLASS3_NAME}">
</tr>
<tr>
<td class="row1">{L_TD_COLOR1}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="td_color1" value="{TD_COLOR1}" onChange="showcolor(this.form.td_color1_color, this.value)">
<input type="button" disabled value=" " id="td_color1_color" style="background-color:{TD_COLOR1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="td_color1_name" value="{TD_COLOR1_NAME}">
</tr>
<tr>
<td class="row1">{L_TD_COLOR2}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="td_color2" value="{TD_COLOR2}" onChange="showcolor(this.form.td_color2_color, this.value)">
<input type="button" disabled value=" " id="td_color2_color" style="background-color:{TD_COLOR2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="td_color2_name" value="{TD_COLOR2_NAME}">
</tr>
<tr>
<td class="row1">{L_TD_COLOR3}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="td_color3" value="{TD_COLOR3}" onChange="showcolor(this.form.td_color3_color, this.value)">
<input type="button" disabled value=" " id="td_color3_color" style="background-color:{TD_COLOR3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="td_color3_name" value="{TD_COLOR3_NAME}">
</tr>
<tr>
<td class="row1">{L_TD_CLASS1}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="td_class1" value="{TD_CLASS1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="td_class1_name" value="{TD_CLASS1_NAME}">
</tr>
<tr>
<td class="row1">{L_TD_CLASS2}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="td_class2" value="{TD_CLASS2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="td_class2_name" value="{TD_CLASS2_NAME}">
</tr>
<tr>
<td class="row1">{L_TD_CLASS3}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="td_class3" value="{TD_CLASS3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="td_class3_name" value="{TD_CLASS3_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTFACE_1}:</td>
<td class="row2"><input type="text" size="25" maxlength="50" name="fontface1" value="{FONTFACE1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontface1_name" value="{FONTFACE1_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTFACE_2}:</td>
<td class="row2"><input type="text" size="25" maxlength="50" name="fontface2" value="{FONTFACE2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontface2_name" value="{FONTFACE2_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTFACE_3}:</td>
<td class="row2"><input type="text" size="25" maxlength="50" name="fontface3" value="{FONTFACE3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontface3_name" value="{FONTFACE3_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTSIZE_1}:</td>
<td class="row2"><input type="text" size="4" maxlength="4" name="fontsize1" value="{FONTSIZE1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontsize1_name" value="{FONTSIZE1_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTSIZE_2}:</td>
<td class="row2"><input type="text" size="4" maxlength="4" name="fontsize2" value="{FONTSIZE2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontsize2_name" value="{FONTSIZE2_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTSIZE_3}:</td>
<td class="row2"><input type="text" size="4" maxlength="4" name="fontsize3" value="{FONTSIZE3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontsize3_name" value="{FONTSIZE3_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTCOLOR_1}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="fontcolor1" value="{FONTCOLOR1}" onChange="showcolor(this.form.fontcolor1_color, this.value)">
<input type="button" disabled value=" " id="fontcolor1_color" style="background-color:{FONTCOLOR1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontcolor1_name" value="{FONTCOLOR1_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTCOLOR_2}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="fontcolor2" value="{FONTCOLOR2}" onChange="showcolor(this.form.fontcolor2_color, this.value)">
<input type="button" disabled value=" " id="fontcolor2_color" style="background-color:{FONTCOLOR2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontcolor2_name" value="{FONTCOLOR2_NAME}">
</tr>
<tr>
<td class="row1">{L_FONTCOLOR_3}:</td>
<td class="row2"><input type="text" size="6" maxlength="6" name="fontcolor3" value="{FONTCOLOR3}" onChange="showcolor(this.form.fontcolor3_color, this.value)">
<input type="button" disabled value=" " id="fontcolor3_color" style="background-color:{FONTCOLOR3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="fontcolor3_name" value="{FONTCOLOR3_NAME}">
</tr>
<tr>
<td class="row1">{L_SPAN_CLASS_1}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="span_class1" value="{SPAN_CLASS1}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="span_class1_name" value="{SPAN_CLASS1_NAME}">
</tr>
<tr>
<td class="row1">{L_SPAN_CLASS_2}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="span_class2" value="{SPAN_CLASS2}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="span_class2_name" value="{SPAN_CLASS2_NAME}">
</tr>
<tr>
<td class="row1">{L_SPAN_CLASS_3}:</td>
<td class="row2"><input type="text" size="25" maxlength="25" name="span_class3" value="{SPAN_CLASS3}"></td>
<td class="row2"><input type="text" size="25" maxlength="100" name="span_class3_name" value="{SPAN_CLASS3_NAME}">
</tr>
<tr>
<td class="catBottom" colspan="3" align="center">{S_HIDDEN_FIELDS}<input type="submit" name="submit" value="{L_SAVE_SETTINGS}" class="mainoption" />
</td>
</tr>
</table></form>
<br clear="all">