个性化皮肤应用

        无论在开发论坛、博客、Spaces等应用,能够给用户一个选择皮肤(甚至是自定义皮肤)的功能,无疑会为您的Web应用程序增色不少, 今天我就介绍一个简单的自定义皮肤解决方案。
        需要掌握的相关技术:
        1、asp.net基本技术;
        2、CSS 样式语言(基础);
        没错,以上两种技术就足以完成个性化皮肤定制了。

       一、解决方案:
             1、主要思路是利用Asp Web控件中的文本控件,该控件可以忠实呈现您所输入的内容,利用该控件动态从数据库中读取用户选择的皮肤CSS文件虚拟地址并写入到页面的HEAD中,在页面呈现时将自动根据用户选择的CSS文件中的配色、图片等内容进行页面文本的格式化。
             2、编制几套CSS模版,在不同的模版中对于布局的顶级控件采取虚拟类的方式进行定义,例如:#TOP{}的形式,对于内容的格式化采用自定义类的方式进行定义,例如:.topCss{}的形式。
             3、为了便于管理和移植,最好将图片存放于统一的文件夹,我的做法是:首先、定义一个皮肤文件夹;其次、在该文件夹下使用文件夹进行皮肤模版的区分,例如:blue主体皮肤的CSS文件统一存放于blue文件夹内部,并且在内部创建一个images文件夹用来存放皮肤主题相关图片。
       二、示例代码:

        Protected WithEvents CSSlink As Web.UI.WebControls.Literal '声明文本控件

       '写入CSS内容
        If (Me.CSSlink.Text = "<LINK href=""Skins/Default/style.css"" type=""text/css"" rel=""stylesheet"">") Then
            Me.CSSlink.Text = "<LINK href=""Skins/Clover/style.css"" type=""text/css"" rel=""stylesheet"">"
        Else
            Me.CSSlink.Text = "<LINK href=""Skins/Default/style.css"" type=""text/css"" rel=""stylesheet"">"
        End If

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值