skel.js Framework / HTML5UP Template CSS проблемы

Я новичок в фреймворке 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>
Источник

3 ответа

Решение

Я также сталкивался с этой проблемой при использовании шаблона HTML5up с Django. Если вы используете другую конфигурацию каталогов для статических файлов, вы должны указать это в файле init.js или config.js (точный файл зависит от того, какой шаблон вы используете и как недавно он был обновлен). Мне пришлось изменить следующий префикс skelJS в файле init.js:

    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',

Теперь файлы в корневом и других каталогах поддерживают стилизацию.

Источник
Другие вопросы по тегам