Я новичок в структуре skel.js, и у меня возникают некоторые проблемы.
Я загрузил шаблон из HTML5UP.net (тема Zerofour), и я полностью изменил его для своего сайта, однако CSS не отображается правильно на моих страницах без боковых панелей и левой боковой панели .
У меня есть include с ссылками follwing (идентичными их шаблонам):
<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>
Я также столкнулся с этой проблемой при использовании шаблона 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',
Теперь файлы как в корневом, так и в других каталогах поддерживают стиль на всем протяжении.