skel.js框架/HTML5UP模板CSS问题
skel.js Framework / HTML5UP Template CSS issues
我是skel.js框架的新手,我遇到了一些问题。
我从 HTML5UP.net(Zerofour主题)下载了一个模板,我已经为我的网站修改了所有模板,但是CSS无法在我的无侧边栏和左侧边栏页面上正确显示。
我有一个包含以下链接(与它们的模板相同):
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800" rel="stylesheet" type="text/css" />
<script src="http://www.**********.com/js/jquery.min.js"></script>
<script src="http://www.**********.com/js/jquery.dropotron.js"></script>
<script src="http://www.**********.com/js/config.js"></script>
<script src="http://www.**********.com/js/skel.min.js"></script>
<script src="http://www.**********.com/js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="http://www.*********.com/css/skel-noscript.css" />
<link rel="stylesheet" href="http://www.*********.com/css/style.css" />
<link rel="stylesheet" href="http://www.*********.com/css/style-desktop.css" />
</noscript>
如果我绕过noscript,网页就会按预期显示,但会丢失所有移动和可流动的功能。
任何想法将不胜感激!
插件:如果我将页面移动到根目录并更新链接,那么 CSS 可以工作,但在它们的子目录中只有基本布局有效。
<?php
define(currentDIR,'../');
include (currentDIR.'includes/_functions.php');
?>
<html>
<head>
<?php include(currentDIR.'includes/_metalinks.php'); ?> //This is where the code above is stored
</head>
我在将
HTML5up模板与Django一起使用时也遇到了这个问题。如果对静态文件使用不同的目录配置,则必须在 init.js 或 config.js 文件中指定此目录配置(确切的文件取决于您使用的模板以及更新时间)。对我来说,我不得不在 init.js 文件中修改以下 skelJS 前缀:
var helios_settings = {
// other settings here
skelJS: {prefix: '/static/css/style',
// other settings here
}
基本上,此目录前缀需要匹配您拥有静态文件的任何位置。
我想你忘了添加
<link rel="stylesheet" href="css/style-noscript.css" />
我遇到了同样的问题,并且能够通过修改 config.js 文件以使用绝对路径来修复它,如下所示:
prefix: '/css/style',
现在,根目录和其他目录中的文件始终保持样式。
相关文章:
- Meteor:选择自定义javascript和自定义css作为模板
- angularjs模板和指令文件夹中的css
- 在模板中为Django表单分离媒体类对象的JS和CSS列表输出
- 管理web组件的依赖关系;JS、CSS/SASS和模板文件
- 使用Meteor为每个模板动态加载JS/CSS
- 如何将 CSS 和 JS 文件包含在 PHP 模板中
- 模板页面 css 覆盖了我的原始 css
- 如何更改自定义模板 jointJS 元素的 CSS
- skel.js框架/HTML5UP模板CSS问题
- 将 CSS 模板转换为 asp.net 母版页
- 在 laravel 4 中,如何在模板(刀片)中呈现普通 css 或 js 从文件
- 浏览器预览仅显示html,不显示css或javascript(w3layouts.com 网站模板)
- 如何更改 html(翡翠模板)以在生产中使用 *.min js 和 css
- CSS 在带有 js 的模板中不起作用,而 html 文件在文件夹中
- 如何使淘汰js模板css媒体查询意识
- jQuery移动css样式未应用于下划线模板
- 动态打包css&js用于模板
- Windows 8网格模板JS应用程序,CSS操作不会显示在groupedItems视图中的所有选定项目上
- 在Wordpress模板中使用Javascript或Jquery添加基于URL的CSS类
- 当鼠标放在瓷砖上时,我的CSS模板出现问题