DotNetNuke(DNN)皮肤制作--如何修改DNN中众多的CSS文件

最新推荐文章于 2015-05-08 16:18:00 发布
最新推荐文章于 2015-05-08 16:18:00 发布
阅读量52 收藏
点赞数
原文链接：http://www.cnblogs.com/DotNetNuke/archive/2007/02/02/638097.html
版权
DotNetNuke使用了好几个CSS文件，在什么时候，如何针对不同的需求修改CSS文件让人觉得很难把握，其实只要搞明白了DNN加载各个CSS文件的顺序，再遵循CSS文件生效的优先级就能准确的把握什么时候要修改哪个CSS文件。

首先我们来看看DNN加载CSS文件的顺序：在任何一个页面中查看HMTL源文件，在<head>部份可以看到这样的代码。很明显：首先是default.css，然后是skin.css，然后是portal.css(这里没有讨论Container的CSS，原理是一样的)

< style  id ="StylePlaceholder" ></ style >
< link  id ="_Portals__default_"  rel ="stylesheet"  type ="text/css"  href ="/Portals/_default/default.css"   />
< link  id ="_Portals__default__skins_dnn_blue_"  rel ="stylesheet"  type ="text/css"  href ="/Portals/_default//skins/dnn-blue/skin.css"   />
< link  id ="_Portals__default_Containers_Puresino_"  rel ="stylesheet"  type ="text/css"  href ="/Portals/_default/Containers/Puresino/container.css"   />
< link  id ="_Portals__default_Containers_Puresino_Plain_css"  rel ="stylesheet"  type ="text/css"  href ="/Portals/_default/Containers/Puresino/Plain.css"   />
< link  id ="_Portals_0_"  rel ="stylesheet"  type ="text/css"  href ="/Portals/0/portal.css"   />

之后，我们对照一下这几个CSS在DNN目录中的位置(绿色块表示目录)，这样一来我们就能明白这几个CSS是怎么工作的。
对于任何一个页面，DNN首先加载对全局起作用的“default.css”，之后，根据你选择的皮肤，加载皮肤所带的"skin.css"，最后，根据你打开的“站点”加载“站点”目录下的"portal.css"。后一个CSS中的定义都会覆盖前一个CSS中的定义。

其实每一个皮肤的ascx文件还可以附加一个同名的CSS文件，如果DNN检查到有这样的文件，也会加载。因为我用dnn-blue皮肤做的示范，所以没有这一个CSS。大家可以找个其它皮肤试试，看看DNN把这个CSS文件放在第几位加载。^_^





转载于:https://www.cnblogs.com/DotNetNuke/archive/2007/02/02/638097.html

weixin_33912445
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dnn-base-project:DNN（DotNetNuke）基础项目，Mentalstack
06-04
DNN 基础项目 .NET 的 DNN 模块项目模板，带有 DAL、Razor 模板。
Dnn.Platform:DNN（原 DotNetNuke）是 Microsoft 生态系统中领先的开源 Web 内容管理平台 (CMS)
08-04
DNN:registered:（前身为 DotNetNuke:registered:）是 Microsoft 生态系统中领先的开源 Web 内容管理平台 (CMS)。 该产品用于构建外观专业且易于使用的商业网站、社交内联网、社区门户或合作伙伴外联网。 DNN 站点...
DNN交互设计-CSS基础
missautumn的专栏
11-28 1347
只有对CSS基础选择器有了深度的理解才能加快在网站开发以及排错的进度。下面列举了一些模块开发以及皮肤设计过程中常用的CSS选择器
DotNetNuke-DNN Module模块引用自定义CSS或者JS文件
weixin_33782386的博客
05-08 91
当新增一个module时，有时会引用自定义的或者第三方CSS、JS文件。 1.添加自定义的CSS时，可以直接在module的根目录下添加module.css，然后框架会自动加载此CSS； 2.这个比较灵活方便。首先在需要引用CSS或者JS文件的用户页面.ascx文件头添加 <%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Cl...
DotNetNuke(DNN)皮肤制作--如何居中内容
weixin_34234721的博客
12-27 117
设计皮肤我们遇到的第一个问题就是如何居中内容，一般使用CSS+DIV布局有两种方法， 第一种方法是使用 auto margins,第二种方法是使用负margins 翻翻资料，使用auto margins的一般都是这么写的： 假设HTML部分如下： <body> <divid="wrapper"> </div> </body> 现在使...
DNN Tips(DNN技巧集-持续更新中）
missautumn的专栏
11-23 2668
开发DNN前期会碰到很多小问题，很多童鞋因此对DNN望而却步。但是如果有一个类似FAQ的常用列表帮助刚入门的童鞋解决一些常用问题，那么相信很有更多的dotnet程序员热爱DNN这个平台。我在以往的Web开发学习中曾悟出一个道理：要坚持每天积累，那做DNN开发何尝不是呢？希望此文对有DNN有兴趣的朋友有帮助，如有不妥之处望指正。
DotNetNuke(DNN)皮肤制作-通过JS文件解决不同IE版本对CSS解释不一致的问题
weixin_33695082的博客
08-21 47
IE不同的版本对CSS解释不一致是一个众所周知的问题，有很多解决方案，其中的一个方法是通过加载不同的JS脚本来纠正不同IE版本对CSS的解释，这样你只要按照web标准来编写CSS就可以了。 IE7.js是用来解决版本低于7，高于或等于5的IE上的一些WEB标准的兼容性问题，可以看看解决的兼容性列表。 使用方法： 下载后，包所有的JS文件解压缩到同一个目录下。 HT...
DNN交互设计-介绍（一）
missautumn的专栏
11-25 1169
用户体验设计是软件开发中最重要的学科之一。要注意用户体验在软件生命周期中不是一下子就可以完成的。好的用户体验需要基于用户行为和新的工具和技术的进行不断地完善。 现在DotNetNuke的认识到良好的用户体验对用户和企业效益的重要性。DNN团队正致力于提高DotNetNuke的经验。从DotNetNuke 6开始，在用户界面的改方面取得了很大的进步。 在接下来的博文中你会发现许多例子以及从
DNN交互设计-Tabs（三）
missautumn的专栏
11-26 1352
DNN中的Tab界面 界面模式及使用方式 上面看到的标签功能是一个来组织内容的关键机制。整个DotNetNuke的管理界面都是用这种方式，在自定义模块开发中也完全适用这种界面模式。不过这种模式也可以很容易地用在管理功能之外的区域。 该标签功能是由JavaScript实现的，更具体一点那就是由的一个jQuery插件实现的。首先将你组织你的内容分成逻辑区域，然后就可以将他们组织成标签央视
DNN交互设计-基础设置（二）
missautumn的专栏
11-25 1203
本教程所描述的模式主要用于使用的DNN模块开发中的后台管理界面。模块中的设置， 编辑控件以及功能模块或站点中含有管理功能的区域都适用于这些模式。当然，你可能希望在其他场景中使用这些模式，但一定要记住当您浏览本指南时所有的这些界面模式都是为DNN管理功能准备的。 每一个在DotNetNuke的管理功能区域都是从认识CSS类dnnForm 开始的。这样就为管理功能区域提供了一个CSS的范围。
DNN免费皮肤-BeyondCSS M2Land修改版
weixin_34071713的博客
06-26 60
BeyondCSS是http://www.thinkofdesign.com/ 的一个免费皮肤，完全使用DIV+CSS布局，风格清新，是一个比较好的免费皮肤。 修改 因为BeyondCSS使用了一个轻量级的DNN Menu（HouseMenu）做的菜单，但HouseMenu的老版本在DNN 4.6以上已经无法使用了 所以下载下来的BeyondCSS皮肤完全无法使用了，我...
DnnSummit2019.Mobile：Dnn Summit 2019移动应用程序-Xamarin.Forms-与DNN集成（以前称为DotNetNuke）
02-06
DnnSummit2019.Mobile Dnn Summit 2019移动应用程序-Xamarin.Forms
DNN（DotNetNuke）9.0.0中文语言包；DNN 9.0.0 language pack
09-11
用了半年多的时间，陆陆续续翻译完了DNN（现在好像不用DotNetNuke了）9.0.0的语言包。翻译过程中，发现原英文语言有个别单词错误，看来出错难以避免。DNN是非常优秀的CMS，但是感觉现在关注的人少，网上的资料也很少...
Dnn.Enhanced-Permissions-Provider
05-13
该提供程序将启用DotNetNuke和DNN平台中的所有可用权限。 默认情况下，仅开箱即用配置VIEW和EDIT权限。 安装我们的提供程序将启用以下功能： 页面权限：VIEW，NAV，CONTENT，IMPORT，EXPORT，MANAGE，EDIT（重新...
python爬虫数据可视化-10-where条件语句-模糊查询.ev4.rar
05-31
python爬虫数据可视化-10-where条件语句-模糊查询.ev4.rar
train.csv
最新发布
05-31
train
Golang(Gin框架)+websocket 实现的多人聊天室+代码+详细文档
05-31
Golang(Gin框架)+websocket 实现的多人聊天室+代码+详细文档
用于艾默生、维蒂APM300等UPS主机管理设置软件
05-31
用于艾默生、维蒂APM300等UPS主机管理设置软件
c#开源项目管理系统
08-25
推荐一个C#开源的项目管理系统是 DNN (DotNetNuke)。DNN 是一个成熟的开源内容管理系统 (CMS)，也可以用作项目管理平台。它提供了丰富的功能，如用户管理、角色权限、任务分配、文件共享等，可以帮助团队协作、追踪项目进展和管理资源。DNN 还支持插件扩展，可以根据需求进行定制和个性化。 另外，还有一些其他的C#开源项目管理系统可供选择，例如 Redmine、Taiga 等，你可以根据自己的需求进行评估和选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值