📄 sectionappearance.ascx
字号:
<%@ Control Language="c#" CodeBehind="SectionAppearance.ascx.cs" AutoEventWireup="false" Inherits="ASPNET.StarterKit.Communities.Admin.EditSections.SectionAppearance" %>
<%@ Register TagPrefix="community" Namespace="ASPNET.StarterKit.Communities" Assembly="ASPNET.StarterKit.Communities" %>
<%@ import Namespace="ASPNET.StarterKit.Communities" %>
<!-- Section Theme -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpTheme')"
onmouseout="hideHelp()"> 区域主题
</td>
</tr>
<tr>
<td class="formSectionHelp">
区域主题决定本区域页面的外观。点击 <a href="../help/theme.htm" target="_blank">这里</a> 预览所有主题。
</td>
</tr>
<tr>
<td class="formSectionContents">
<table cellpadding="4">
<tr>
<td>
皮肤:
</td>
<td>
<asp:DropDownList id="dropThemes" runat="Server" />
</td>
</tr>
<tr>
<td>
样式:
</td>
<td>
<asp:DropDownList id="dropStyles" runat="Server" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</p>
<div id="helpTheme" style="DISPLAY:none">
区域主题决定本区域页面的外观。主题包括皮肤和样式。皮肤决定页面的布局,样式决定页面的字体和颜色。
</div>
<!-- Section Logo -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpLogo')"
onmouseout="hideHelp()"> 区域标志
</td>
</tr>
<tr>
<td class="formSectionHelp">
点击Browse按钮选择标志图片
</td>
</tr>
<tr>
<td class="formSectionContents">
<input id="txtLogo" type="file" size="40" runat="Server">
<br>
<asp:Image id="imgLogoPreview" Runat="Server" />
</td>
</tr>
</table>
</p>
<div id="helpLogo" style="DISPLAY:none">
标志可以是GIF或者JPEG图片。最佳尺寸为200象素宽×60象素高。
</div>
<!-- Section Page Header -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpPageHeader')"
onmouseout="hideHelp()"> 区域页头
</td>
</tr>
<tr>
<td class="formSectionHelp">
区域页头显示在页面的顶部。
</td>
</tr>
<tr>
<td class="formSectionContents">
<community:HtmlTextBox id="txtPageHeader" AllowHtml="Full" EditorStyle-BackColor="White" ToolBarStyle-BackColor="threedface"
Runat="Server" />
</td>
</tr>
</table>
</p>
<div id="helpPageHeader" style="DISPLAY:none">
区域页头显示在页面的顶部。您可以随意添加页头内容,可以包含HTML内容。
</div>
<!-- Section Page Footer -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader"><FONT face="宋体">区域页脚</FONT>
</td>
</tr>
<tr>
<td class="formSectionHelp">
区域页脚显示在页面的底部。
</td>
</tr>
<tr>
<td class="formSectionContents">
<community:HtmlTextBox id="txtPageFooter" AllowHtml="Full" EditorStyle-BackColor="White" ToolBarStyle-BackColor="threedface"
Runat="Server" />
</td>
</tr>
</table>
</p>
<div id="helpPageFooter" style="DISPLAY:none">
区域页脚显示在页面的底部。您可以随意添加页脚内容,可以包含HTML内容。
</div>
<!-- Section Footer -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpFooter')"
onmouseout="hideHelp()"> 区域脚
</td>
</tr>
<tr>
<td class="formSectionHelp">
区域脚显示在页面内容的底部。
</td>
</tr>
<tr>
<td class="formSectionContents">
<asp:TextBox id="txtFooter" MaxLength="250" Columns="50" Runat="Server" />
</td>
</tr>
</table>
</p>
<div id="helpFooter" style="DISPLAY:none">
区域脚显示在页面内容的底部。例如,您可以显示版权信息。您可以随意添加区域脚内容,可以包含HTML内容。
</div>
<!-- Section Meta Desc -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpMetaDesc')"
onmouseout="hideHelp()"> 区域元数据描述
<community:LengthValidator ControlToValidate="txtPageMetaDesc" MaxLength="250" Text="*" ErrorMessage="Meta Description must be less than 250 characters"
runat="server" id="LengthValidator1" />
</td>
</tr>
<tr>
<td class="formSectionHelp">
元数据描述被搜索引擎用来描述页面。
</td>
</tr>
<tr>
<td class="formSectionContents">
<asp:TextBox id="txtPageMetaDesc" textmode="MultiLine" columns="50" rows="3" runat="Server" />
</td>
</tr>
</table>
</p>
<div id="helpMetaDesc" style="DISPLAY:none">
The meta description is used by search engines to describe a page. Limit the
text you enter to less than 250 characters.
</div>
<!-- Section Meta Keywords -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpMetaKeywords')"
onmouseout="hideHelp()"> 区域元数据关键词
<community:LengthValidator ControlToValidate="txtPageMetaKeys" MaxLength="250" Text="*" ErrorMessage="Meta Keys must be less than 250 characters"
runat="server" id="LengthValidator2" />
</td>
</tr>
<tr>
<td class="formSectionHelp">
元数据关键词被搜索引擎用来分类页面。
</td>
</tr>
<tr>
<td class="formSectionContents">
<asp:TextBox id="txtPageMetaKeys" textmode="MultiLine" columns="50" rows="3" runat="Server" />
</td>
</tr>
</table>
</p>
<div id="helpMetaKeywords" style="DISPLAY:none">
元数据关键词被搜索引擎用来分类页面。内容不能超过250字符。
</div>
<!-- Section Transformations -->
<p>
<table class="formSection">
<tr>
<td class="formSectionHeader">
<img border="0" src="../help/help.gif" align="right" onmouseover="showHelp('helpTransformations')"
onmouseout="hideHelp()"> 区域转换
</td>
</tr>
<tr>
<td class="formSectionHelp">
您可以使用转换将一个字符串转换为另一个。
</td>
</tr>
<tr>
<td class="formSectionContents">
<asp:Panel id="pnlTransformations" Runat="Server">
<TABLE>
<TR>
<TD>
<asp:RadioButton id="rdlInheritTransformations" runat="server" Checked="true" GroupName="Transformations"></asp:RadioButton>从父区域继承转换
</TD>
</TR>
<TR>
<TD>
<asp:RadioButton id="rdlSpecifyTransformations" runat="server" GroupName="Transformations"></asp:RadioButton><SPAN class="formLabelText">指定转换:</SPAN>
</TD>
</TR>
</TABLE>
</asp:Panel>
<table>
<TR>
<td>
<br>
<asp:TextBox class="formField" id="txtTransformations" Runat="Server" Rows="10" Columns="50"
TextMode="MultiLine" Wrap="false"></asp:TextBox>
</td>
</TR>
</table>
</td>
</tr>
</table>
</p>
<div id="helpTransformations" style="DISPLAY:none">
您可以使用转换将一个字符串转换为另一个。例如,你可以通过下面转换将 :) 转换为笑脸图片:
<p style="FONT-SIZE:9px;MARGIN:5px">
from: :)
<br>
to: <img src="~/images/emoticons/smile.gif">
</p>
通过添加 <i>from:</i> 行和紧接着的 <i>to:</i> 行来添加一个转换。
<br>
<br>
当创建转换时,您可以使用两个关键字:<CONTENTS> 和 <WORDBOUNDARY>.
<CONTENTS> 使你捕捉内容并显示:
<p style="FONT-SIZE:9px;MARGIN:5px">
from: <b><CONTENTS></b>
<br>
to: <b><CONTENTS></b>
</p>
<WORDBOUNDARY>让您匹配所有单词而不是部分字符:
<p style="FONT-SIZE:9px;MARGIN:5px">
from: <WORDBOUNDARY>drats</WORDBOUNDARY>
<br>
to: dr*ts
</p>
</div>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -