新DNN皮肤的经验及成果分享


前段时间写了几篇文章,大概把自己随意作的一些DNN皮肤经验共享了一下!还把一些皮肤提供下载!!详细信息不妨参看我之前的文章!
现在准备陆续把之前在文章里展示的皮肤在此提供下载,让大伙享受DNN的无限魅力!似乎有些夸大了,但我还是很看好DNN的,它还有很大的扩展潜力,以后会更为完善的!!

言归正传,再次提到皮肤,为了对刚开始接触的DNN新人,不妨对皮肤这一概念解释一下,这样使得对DNN皮肤有更详细的认知,所谓“皮肤”,就是指软件架构提供了一种可管理的方式将应用程序逻辑和内容与其展示形式相分离。 界面(form)和功能(fuction)的抽象通常指双层架构模式 。使用皮肤技术的优势是使应用程序逻辑和网页展示形式分离并能分别设计和修改,如此一来,软件开发人员和网页设计人员可以相互协作,不用顾虑会影响对方,提高了工作效率,缩短了开发周期。而无疑,皮肤是DNN颇具吸引力的一个看点!DotNetNuke的皮肤框架结构使得专业的网页设计人员可以创建极好的用户界面,并可以和后台的门户应用程序无缝结合,构建功能强大界面美观的网站。到目前为止,DotNetNuke 已拥有了一个强大的皮肤体系,实现了上边提到的“皮肤”概念所阐述的表单(form)和功能(function)的分离的功能。DotNetNuke崇尚简单原则,简单在不同的应用领域有不同的解释,在DotNetNuke中,其目标是使复杂的皮肤体系有一个人性化的表现——在使用和管理上简易方便。于是布局方面,DotNetNuke允许皮肤设计者自由的组织他们想要的页面布局。为了将内容模块插入页面,设计者可以创建任意数量的可以放置模块的内容栏。这种自由的方法提供了在界面设计上的灵活性,但同时也在无缝集成即插即用的皮肤系统上增加了一定的复杂性。而为了达到真正的即插即用,每个皮肤的布局,名称,内容栏的数量必须是协调的。

好了,有了上边的概念了,我们来继续皮肤的制作。DNN皮肤尽管有很大的空间自由度,但如果想做出一个很专业的网站皮肤来还是比较费劲的!毕竟DNN只是给你提供了一种机制,或者可以说一个容器,你可以把你需要的直接往里边装载即可,我个人觉得若要使之跟你构想协调起来就得根据需要定制自己的皮肤,如此才能符合你的风格及需求!!在此我提供几样自己觉得很满意的皮肤!!是想给大伙一个思路,或是一种布局模式!!以后你懂得了你就可以制作自己需要的皮肤了!在此申明,我都是根据自己需求及自己的思想风格来制作,所以难免不能满足你的需要!!
比如说下边的这一个皮肤:

看起来效果还可以,但有些东西是你可以自己改变的,比如说Logo,它对应的是该皮肤文件夹下边的Logo.jpg,你可以对其处理,从而变成你的Logo,只要图片尺寸合适就好了!还有就是下边的Banner图像也可以如此处理一番!
(你可以直接使用该皮肤,没有任何限制,不过我只有一个小小要求,就是为我的博客提供链接,呵呵,不过分吧)
至于下边的搜索栏,我给你一个小小的提示,那就你需要把New_BlueDNN.zip上传到DNN后,在对应的皮肤文件下(可以在$DNNroot/Portals/_default/Skins/New_BlueDNN/下找到)的search.gif和search.gif复制到$DNNroot/images/目录下覆盖原来的即可!,然后再在TopPane设置Search Input模块即可达到如上图的效果了!!(记得在模块设置里勾上隐藏容器的选项)

好运!!呵呵!!下回我会把其他皮肤整理了就在此增添了!!哪位需要或感兴趣 不妨关注一下哦!!!其实觉得彼此沟通交流是最有效的共享方式,也欢迎去DNN中国论坛发帖提问!!

下载地址:https://files.cnblogs.com/sunwangji/New_Blue.rar
注意:先解压文件,然后分别上传里边的皮肤和容器压缩文件即可!!(如果上传日志记录出现类似文件形式错误信息的话,不理就是了!呵呵,那是DNN文件不兼容的缘故吧!!)Good luck!!enjoy yourself!
有问题请提问!!

原文地址:https://www.cnblogs.com/sunwangji/p/258924.html