📄 styledetail.jsp
字号:
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
<jsp:include page="../cp_header.jsp" />
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="guide">
<tr><td><a href="#" onClick="parent.menu.location='admincp.jsp?action=menu'; parent.main.location='admincp.jsp?action=home';return false;">系统设置首页</a> » 编辑界面方案</td></tr>
</table>
<br />
<form method="post" action="admincp.jsp?action=styles&edit=${style.styleid}">
<a name="37c05c6bd6606399"></a>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr class="header">
<td colspan="2">编辑界面方案 - ${style.name}<a href="###" onclick="collapse_change('37c05c6bd6606399')"><img id="menuimg_37c05c6bd6606399" src="images/admincp/menu_reduce.gif" border="0" style="float: right; margin-top: -12px; margin-right: 8px;" /></a></td>
</tr>
<tbody id="menu_37c05c6bd6606399" style="display: yes">
<tr>
<td width="55%" class="altbg1" valign="top"><b>界面方案名称:</b><br /><span class="smalltxt">识别界面风格的标志,请勿使用空格或特殊符号</span></td>
<td class="altbg2"><input type="text" size="50" name="name" value="${style.name}" maxlength="20"></td>
</tr>
<tr>
<td width="45%" class="altbg1"><b>匹配模板:</b><br /><span class="smalltxt">与本套界面风格相匹配的模板名称</span></td>
<td class="altbg2">
<select name="templateid" style="width: 55%"><c:forEach items="${templates}" var="template"><option value="${template.templateid}" ${style.templateid==template.templateid?"selected":""}>${template.name}</option></c:forEach></select>
</td>
</tr>
<tr>
<td width="45%" class="altbg1"><b>默认表情分类:</b></td>
<td class="altbg2">
<select name="stylevar[${stylevaridsMap['STYPEID']}]" style="width: 55%">
<c:forEach items="${imagetypes}" var="imagetype"><option value="${imagetype.typeid}" ${stylevarsubsMap['STYPEID']==imagetype.typeid?"selected":""}>${imagetype.name}</option></c:forEach>
</select>
</td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>论坛 logo {BOARDIMG},{BOARDLOGO}:</b><br /><span class="smalltxt">如使用 Flash 动画,请用逗号隔开 URL,宽度和高度,如“logo.swf,80,40”</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['BOARDIMG']}]" value="${stylevarsubsMap['BOARDIMG']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>界面图片目录 {IMGDIR}:</b></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['IMGDIR']}]" value="${stylevarsubsMap['IMGDIR']}"></td>
</tr>
</tbody>
</table>
<br />
<a name="8491f1f27f29cfa7"></a>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr class="header">
<td colspan="2">文字及颜色设置<a href="###" onclick="collapse_change('8491f1f27f29cfa7')"><img id="menuimg_8491f1f27f29cfa7" src="images/admincp/menu_reduce.gif" border="0" style="float: right; margin-top: -12px; margin-right: 8px;" /></a></td>
</tr>
<tbody id="menu_8491f1f27f29cfa7" style="display: yes">
<tr>
<td width="55%" class="altbg1" valign="top"><b>正常字体设置 {FONT}:</b><br /><span class="smalltxt">多个候选字体间请用半角逗号 "," 分割</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['FONT']}]" value="${stylevarsubsMap['FONT']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>正常字号设置 {FONTSIZE}:</b><br /><span class="smalltxt">可使用字号、pt、px(推荐) 等单位</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['FONTSIZE']}]" value="${stylevarsubsMap['FONTSIZE']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>帖子内容字号设置 {MSGFONTSIZE}:</b><br /><span class="smalltxt">可使用字号、pt、px(推荐) 等单位</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['MSGFONTSIZE']}]" value="${stylevarsubsMap['MSGFONTSIZE']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>帖子内容大字号设置 {MSGBIGSIZE}:</b><br /><span class="smalltxt">可使用字号、pt、px(推荐) 等单位,比标准字体稍大,如不填写则帖子内容中关闭切换到大字体的功能</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['MSGBIGSIZE']}]" value="${stylevarsubsMap['MSGBIGSIZE']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>帖子内容小字号设置 {MSGSMALLSIZE}:</b><br /><span class="smalltxt">可使用字号、pt、px(推荐) 等单位,比标准字体稍小,如不填写则帖子内容中关闭切换到小字体的功能</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['MSGSMALLSIZE']}]" value="${stylevarsubsMap['MSGSMALLSIZE']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>小号字体设置 {SMFONT}:</b><br /><span class="smalltxt">多个候选字体间请用半角逗号 "," 分割</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['SMFONT']}]" value="${stylevarsubsMap['SMFONT']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>小号字号设置 {SMFONTSIZE}:</b><br /><span class="smalltxt">可使用字号、pt、px(推荐) 等单位</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['SMFONTSIZE']}]" value="${stylevarsubsMap['SMFONTSIZE']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>内表格中超级链接文字颜色 {LINK}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<script>
function updatecolorpreview(obj) {
var sp = $(obj + '_v').value.indexOf(' ');
if(sp == -1) {
var code = [$(obj + '_v').value];var codel = 1;
} else {
var code = [$(obj + '_v').value.substr(0, sp), $(obj + '_v').value.substr(sp + 1)];var codel = 2;
}
var css = '';
for(i = 0;i < codel;i++) {
if(code[i] != '') {
if(code[i].substr(0, 1) == '#') {
css += code[i] + ' ';
} else {
css += 'url("' + code[i] + '") ';
}
}
}
$(obj).style.background = css;
}
</script>
<input id="c1_v" type="text" size="50" value="${stylevarsubsMap['LINK']}" name="stylevar[${stylevaridsMap['LINK']}]" onchange="updatecolorpreview('c1')">
<input id="c1" onclick="c1_frame.location='images/admincp/getcolor.htm?c1';showMenu('c1')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['LINK']}">
<span id="c1_menu" style="display: none" class="tableborder"><iframe name="c1_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>高亮链接颜色 {HIGHLIGHTLINK}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<input id="c2_v" type="text" size="50" value="${stylevarsubsMap['HIGHLIGHTLINK']}" name="stylevar[${stylevaridsMap['HIGHLIGHTLINK']}]" onchange="updatecolorpreview('c2')">
<input id="c2" onclick="c2_frame.location='images/admincp/getcolor.htm?c2';showMenu('c2')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['HIGHLIGHTLINK']}">
<span id="c2_menu" style="display: none" class="tableborder"><iframe name="c2_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span>
</td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>内表头文字颜色 {HEADERTEXT}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<input id="c3_v" type="text" size="50" value="${stylevarsubsMap['HEADERTEXT']}" name="stylevar[${stylevaridsMap['HEADERTEXT']}]" onchange="updatecolorpreview('c3')">
<input id="c3" onclick="c3_frame.location='images/admincp/getcolor.htm?c3';showMenu('c3')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['HEADERTEXT']}">
<span id="c3_menu" style="display: none" class="tableborder"><iframe name="c3_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span>
</td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>内表格中文字颜色 {TABLETEXT}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<input id="c4_v" type="text" size="50" value="${stylevarsubsMap['TABLETEXT']}" name="stylevar[${stylevaridsMap['TABLETEXT']}]" onchange="updatecolorpreview('c4')">
<input id="c4" onclick="c4_frame.location='images/admincp/getcolor.htm?c4';showMenu('c4')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['TABLETEXT']}">
<span id="c4_menu" style="display: none" class="tableborder"><iframe name="c4_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span>
</td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>外表格中 (表格除外) 文字颜色 {TEXT}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<input id="c5_v" type="text" size="50" value="${stylevarsubsMap['TEXT']}" name="stylevar[${stylevaridsMap['TEXT']}]" onchange="updatecolorpreview('c5')">
<input id="c5" onclick="c5_frame.location='images/admincp/getcolor.htm?c5';showMenu('c5')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['TEXT']}">
<span id="c5_menu" style="display: none" class="tableborder"><iframe name="c5_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span>
</td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>浅色文字颜色 {LIGHTTEXT}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<input id="c6_v" type="text" size="50" value="${stylevarsubsMap['LIGHTTEXT']}" name="stylevar[${stylevaridsMap['LIGHTTEXT']}]" onchange="updatecolorpreview('c6')">
<input id="c6" onclick="c6_frame.location='images/admincp/getcolor.htm?c6';showMenu('c6')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['LIGHTTEXT']}">
<span id="c6_menu" style="display: none" class="tableborder"><iframe name="c6_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span>
</td>
</tr>
</table>
<br />
<a name="d582433e9a735be0"></a>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr class="header">
<td colspan="2">表格与背景颜色设置<a href="###" onclick="collapse_change('d582433e9a735be0')"><img id="menuimg_d582433e9a735be0" src="images/admincp/menu_reduce.gif" border="0" style="float: right; margin-top: -12px; margin-right: 8px;" /></a></td>
</tr>
<tbody id="menu_d582433e9a735be0" style="display: yes">
<tr>
<td width="55%" class="altbg1" valign="top"><b>外表格宽度 {MAINTABLEWIDTH}:</b><br /><span class="smalltxt">页面外套表格的宽度,可设置为像素或百分比</span></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['MAINTABLEWIDTH']}]" value="${stylevarsubsMap['MAINTABLEWIDTH']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>主表格边缘空隙 {TABLESPACE}:</b></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['TABLESPACE']}]" value="${stylevarsubsMap['TABLESPACE']}"></td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>主表格背景颜色 {TABLEBG}:</b><br /><span class="smalltxt">输入 16 进制颜色</span></td>
<td class="altbg2">
<input id="c7_v" type="text" size="50" value="${stylevarsubsMap['TABLEBG']}" name="stylevar[${stylevaridsMap['TABLEBG']}]" onchange="updatecolorpreview('c7')">
<input id="c7" onclick="c7_frame.location='images/admincp/getcolor.htm?c7';showMenu('c7')" type="button" value="" style="width: 20px;background: ${stylevarsubsMap['TABLEBG']}">
<span id="c7_menu" style="display: none" class="tableborder"><iframe name="c7_frame" src="" frameborder="0" width="164" height="184" scrolling="no"></iframe></span>
</td>
</tr>
<tr>
<td width="55%" class="altbg1" valign="top"><b>主表格边框宽度 {BORDERWIDTH}:</b></td>
<td class="altbg2"><input type="text" size="50" name="stylevar[${stylevaridsMap['BORDERWIDTH']}]" value="${stylevarsubsMap['BORDERWIDTH']}"></td>
</tr>
<tr>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -