DotNetNuke(DNN)皮肤制作--如何修改DNN中众多的CSS文件
首先我们来看看DNN加载CSS文件的顺序：在任何一个页面中查看HMTL源文件，在<head>部份可以看到这样的代码。很明显：首先是default.css，然后是skin.css，然后是portal.css(这里没有讨论Container的CSS，原理是一样的)
<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
DotNetNuke(DNN)皮肤制作--如何修改DNN中众多的CSS文件相关推荐
- 在SCSS文件中导入常规CSS文件？
本文翻译自:Import regular CSS file in SCSS file? Is there anyway to import a regular CSS file with Sass's ...
- YUI Compressor插件压缩后war中的js/css文件未压缩的解决方法（被maven打包顶替了）
YUI Compressor Maven插件可以压缩/合并js或css文件,经常用在Maven项目中,但最近发现在wabapp中执行了 mvn install 命令进行发布之后,终端中显示插件已经执行 ...
- js html引入外部css文件,js中如何引入css文件？
js中如何引入css文件?下面本篇文章给大家介绍一下使用JS引入css文件的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.使用document.write方式输出引入cs ...
- Django中如何配置CSS文件
Django中如何配置css文件 我的编辑器是pycharm,Django版本是2.1.0 1.在项目中manage.py同级目录下新建static文件夹,在static文件夹下新建css文件夹,在c ...
- 通过minify将项目中js和css文件的打包
减少http请求数,有三个好处,即减少DNS请求所耗费的时间..减少服务器压力.减少http请求头,因此这是我们前端性能优化的一个关键点. 对于我们前端来说,减少http请求数的一个途径就是合并js和 ...
- php中怎么应用css文件,利用PHP怎么下载CSS文件中的图片
利用PHP怎么下载CSS文件中的图片 发布时间:2020-12-18 16:14:49 来源:亿速云 阅读:87 作者:Leah 这篇文章给大家介绍利用PHP怎么下载CSS文件中的图片,内容非常详细, ...
- css文件如何设置scss,在SCSS文件中导入常规CSS文件？
回答(14) 3 years ago 截至撰写本文时,看起来这是未实现的: https://github.com/sass/sass/issues/193 对于libsass(C / C实现),导入对 ...
- web项目html引入css文件路径,详解Webpack和Webpack-simple中如何引入CSS文件_旧店_前端开发者...
博主最近研究 首先说一下如何在webpack中引入 之后在App.vue文件中在style标签项目写入你想要引入的样式: 本例引入的样式是一个名为nam.css的文件,该文件只是让页面变蓝,之后运行即 ...
- php框架 css文件引用,yii框架中怎么引入css文件
一.我们在shop目录下的assets目录下面创建一个文件目录(我以default为例),在default下面创建一个css文件目录,将我们的css文件直接放在该目录下面. 二.我们在shop目录下面 ...
最新文章
- .NET Compact Framework s60v3(在S60上运行Windows Mobile程序)
- 关于GC.Collect在不同机器上表现不一致问题
- Trie树（字典树）详细知识点及其应用
- python中文件读取操作及注意事项
- 操作系统--内核级线程实现
- 『Python Kivy』Kivy模板语言KV说明
- 【模型压缩】通道剪枝《Pruning Filters For Efficient ConvNets》论文翻译
- 判断IE版本的HTML语句详解，如：!--[if IE 9] 仅IE9可识别 ![endif]--
- 2017年5月14日爱奇艺算法比赛
- loadrunner—集合点rendezvous
- html excel2007打开很慢,excel打开很慢,教您Excel表格打开后很卡很慢怎么办
- mysql r_mysql：’r’是什么意思？
- oracle热备检查,oracle 手动热备
- 微博短视频怎么去水印 视频消重软件推荐
- plc 编程 c语言编程实例,PLC面向对象编程和梯形图编程，谁OUT了？
- c++2013无法卸载_ADS软件安装卸载注意事项及问题解决办法
- Android-Accessibility(辅助功能/无障碍,自动安装APP)
- 组策略学习-统一部署软件
- GitHub开源协议详解及常用协议介绍
- SEO网站优化基础解决方案[快速入门]