|
|
域名空间 下载中心 社区论坛 信息公告 MY小屋 | |
 |
联系我们 设为首页 加入收藏 |
 |
|
 |
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | Q Q 专栏 | 建站经验 | 在线工具 | 站长Club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务 |
 |
 |
 |
 当前位置：首页>>编程开发>>NET专区>>正文 |
新版上线！[旧版] |  |
|||
注:打开慢时请稍等
ASP.NET 2.0中轻松实现网站换肤http://www.iyit.net 日期：2006-6-2 15:11:16 来源： 点击： |
利用Themes我们可以很容易的更改控件、页面的风格，而不需要修改我们的代码和页面文件。Themes文件被单独的放在1个App_Themes文件夹下面，与你的程序是完全分开的。 二、怎么使用Themes和Skins： 先看个非常简单的实例： App_Themes\default\1.skin文件代码:  ＜asp:Label Font-Bold="true" ForeColor="Red" runat="server" /＞default.aspx:文件代码：   ＜% @ Page Language="C#" Theme="default" %＞ ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞ ＜html xmlns="http://www.w3.org/1999/xhtml"＞ ＜head id="Head1" runat="server"＞ ＜title＞Page with Example Theme Applied＜/title＞ ＜/head＞ ＜body＞ ＜form id="form1" runat="server"＞ ＜asp:Label ID="Label1" runat="server" Text="Hello 1" /＞＜br /＞ ＜asp:Label ID="Label2" runat="server" Text="Hello 2" /＞＜br /＞ ＜/form＞ ＜/body＞ ＜/html＞ 可以看到我们在default.aspx并没有写如何的控制style的代码，但运行取发现label上的字都变成了粗体红色了，这就是1个最基本的theme例子。 App_Themes文件夹： App_Themes文件夹位于程序的根目录下，App_Themes下必须是Theme名称的子文件夹，子文件夹中可以包含多个.skin和.css文件。下图中建立2个Theme，名称分别为default和default2：  使用themes 1、在1个页面中应用Theme: 如果想在某1个页面中应用Theme，直接在aspx文件中修改＜%@ Page Theme="..." %＞，比如你想这个页面应用default2 theme，设置＜%@ Page Theme="default2" %＞就OK 2、在所有页面应用同1个Theme: 如果要在所有页面上使用相同的Theme，在web.config中的＜system.web＞节点下加上句＜pages theme="..."/＞ 3、让控件不应用Theme: 第1个例子中我们看到了2个Label的风格都变了,就是说.skin文件中的风格在页面上所有Label都起作用了。但有时我们希望某1个Label不应用.skin中的风格，这时你只需设置Label的EnableTheming属性为false的时候就可以了。 也许你还想不同的label显示不同的风格，你只需设置label的SkinID属性就可以，见下面的实例： App_Themes\default\1.skin  ＜asp:label runat="server" font-bold="true" forecolor="Red" /＞ ＜asp:label runat="server" SkinID="Blue" font-bold="true" forecolor="blue" /＞deafult.aspx   ＜% @ Page Language="C#" Theme="default" %＞ ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞ ＜html xmlns="http://www.w3.org/1999/xhtml"＞ ＜head id="Head1" runat="server"＞ ＜title＞Page with Example Theme Applied＜/title＞ ＜/head＞ ＜body＞ ＜form id="form1" runat="server"＞ ＜asp:Label ID="Label2" runat="server" Text="Hello 2" SkinID="Blue" /＞＜br /＞ ＜asp:Label ID="Label3" runat="server" Text="Hello 3" /＞＜br /＞ ＜/form＞ ＜/body＞ ＜/html＞运行后就会发现2个label显示的风格不一样了。 4、其他方法： 前面已经说了在aspx文件头使用 ＜%@ Page Theme="..." %＞ 来使用theme，而用这个方法应用theme中的风格将会覆盖你写在aspx中的控件属性style。比如： App_Themes\default\1.skin  ＜asp:Label Font-Bold="true" ForeColor="Red" runat="server" /＞default.aspx   ＜% @ Page Language="C#" Theme="default" %＞ ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞  ＜html xmlns="http://www.w3.org/1999/xhtml"＞ ＜head id="Head1" runat="server"＞ ＜/head＞ ＜body＞ ＜form id="form1" runat="server"＞ ＜asp:Label ID="Label1" runat="server" Text="Hello 1" /＞＜br /＞ ＜asp:Label ID="Label2" runat="server" Text="Hello 2" ForeColor="blue" /＞ ＜/form＞ ＜/body＞ ＜/html＞运行结果，所有的label的forecolor都为red。 而使用＜%@ Page StyleSheetTheme="..." %＞应用theme就不会覆盖你在aspx文件中写的属性style： 控件应用style属性的顺序如下： a、StyleSheetTheme引用的风格 b、代码设定的控件属性(覆盖StyleSheetTheme) c、Theme引用的风格(覆盖前面2个) theme中包含CSS： 本新闻共2页,当前在第1页 1 2 编辑：黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇：ASP.NET 2.0 中的代码隐藏和编译 下一篇：在ASP.NET Atlas中创建自定义Behavior 转载请注明来源：www.iyit.net 特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。 |
| 最新更新 | 热点排行 | 推荐新闻 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 友情链接 | ||||||
 |
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |  |
| |||||||
易特网络技术