Question

我是skel.js框架的新手，我遇到了一些问题。

我从HTML5UP.net下载了一个模板（Zerofour主题），我已经为我的网站修改了所有模板，但CSS没有在我的无侧边栏＆amp; 左侧栏页面。

我有一个带有以下链接的包含（与他们的模板相同）：

    <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，网页就会出现，但会丢失所有移动和可流动的功能。

任何想法都会非常感激！

Addon ：如果我将我的页面移动到根目录并更新链接，那么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>

Answer 1

我在使用Django的HTML5up模板时也遇到过这个问题。如果要对静态文件使用不同的目录配置，则必须在init.js或config.js文件中指定它（确切的文件取决于您使用的模板以及最近更新的模板）。对我来说，我必须在init.js文件中修改以下skelJS前缀：

    var helios_settings = {
        // other settings here

        skelJS: {prefix: '/static/css/style',

        // other settings here
        }

基本上，此目录前缀需要匹配静态文件的任何位置。

Answer 2

我想你忘了添加

        <link rel="stylesheet" href="css/style-noscript.css" />

Answer 3

我遇到了同样的问题并且能够通过修改config.js文件来修复它，使用绝对路径如下：

prefix: '/css/style',

现在，根目录和其他目录中的文件始终保持样式。

skel.js框架/ HTML5UP模板CSS问题

3 个答案: