加载中…asp.net主题文件(css+.skin)的创建
(2011-01-01 15:36:21)
标签：
it |
分类： 网站 |
页面中默认的显示样式太朴素，一页一页的设置控件的显示样式效率又太低，主题和皮肤则提供了一种高效的设计方案。
一.添加主题
http://s1/middle/67aaf444498c3b81fe740&690
http://s16/middle/67aaf444498c3ba30c2af&690
二.添加皮肤文件(.skin)：
http://s16/middle/67aaf444498c3ba30c2af&690
二.添加皮肤文件(.skin)：
在皮肤文件中添加如下代码
<asp:TreeView
runat="server"
ShowLines="True"
ExpandDepth="0">
</asp:TreeView>
http://s9/middle/67aaf444498c3c4e8c098&690
三.添加css文件(可选择.css)
三.添加css文件(可选择.css)
在想要的主题的同一个文件夹下
http://s2/middle/67aaf4442df7a664dfe21&690
http://s7/middle/67aaf444075ad2ffa6746&690
font-size:
12px;
<asp:TreeView
runat="server" ShowLines="True"
ExpandDepth="0">
<NodeStyle Font-Size="12px" ForeColor="blue"
/>
<SelectedNodeStyle BackColor="#0A246A"
Font-Size="12px"
ForeColor="white" />
关于主题文件的使用，参看本博客http://blog.sina.com.cn/s/blog_67aaf4440100nl5q.html
http://s7/middle/67aaf444075ad2ffa6746&690
body
{
FONT-SIZE:
12px;
MARGIN: 0px;
CURSOR: default;
FONT-FAMILY: Tahoma, Verdana;
background-color:
#F2F2F2;
}
.commonText
{
}
.MsgText
{
font-size:12px;
color:Red;
}
.PromptText
{
font-size:16px;
color:#3795D2;
}
.BtnStyle
}
在与他同一文件夹.skin添加如下代码
</asp:TreeView>
<asp:Label
runat="server"
CssClass="commonText"></asp:Label>
<asp:Label
runat="server"
CssClass="MsgText"
SkinID="MsgText"></asp:Label>
<asp:Label
runat="server"
CssClass="PromptText"
SkinID="PromptText"></asp:Label>
<asp:DropDownList runat="server"
CssClass="commonText"></asp:DropDownList>
<asp:TextBox runat="server"
CssClass="commonText"></asp:TextBox>
<asp:Button
runat="server" CssClass="BtnStyle" Width="65px"
/>
<asp:Button
runat="server" CssClass="BtnStyle" SkinID="NoWidthBtn"
/>
其中SkinID是我们分配的标签
这是主题文件就创建好了。
喜欢
0
赠金笔
前一篇：程序员的八种级别（转）