skel.js框架/ HTML5UP模板CSS問題

Question

我是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>

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 個解決方案

解決方案1
10 已采納 2013-10-22 19:13:50

解決方案2
0 2013-10-22 14:43:06

解決方案3
0 2016-07-26 23:19:56

skel.js框架/ HTML5UP模板CSS問題

問題描述

3 個解決方案

解決方案1 10 已采納 2013-10-22 19:13:50

解決方案2 0 2013-10-22 14:43:06

解決方案3 0 2016-07-26 23:19:56

解決方案1
10 已采納 2013-10-22 19:13:50

解決方案2
0 2013-10-22 14:43:06

解決方案3
0 2016-07-26 23:19:56