4

私は 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 をバイパスすると、Web ページは正常に表示されますが、すべてのモバイルおよび流動可能な機能が失われます。

どんなアイデアでも大歓迎です！

アドオン: ページをルート ディレクトリに移動してリンクを更新すると、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>
4

3 に答える 3

11

Django で HTML5up テンプレートを使用しているときに、この問題にも遭遇しました。静的ファイルに別のディレクトリ構成を使用している場合は、init.js または config.js ファイルでこれを指定する必要があります (正確なファイルは、使用しているテンプレートと、それがどのくらい最近更新されたかによって異なります)。私の場合、init.js ファイルの次の skelJS プレフィックスを変更する必要がありました。

    var helios_settings = {
        // other settings here

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

        // other settings here
        }

基本的に、このディレクトリ プレフィックスは、静的ファイルがある場所と一致する必要があります。

于 2013-10-22T19:13:50.637 に答える
0

私は同じ問題に遭遇し、次のように絶対パスを使用するように config.js ファイルを変更することで修正できました。

prefix: '/css/style',

ルート ディレクトリとその他のディレクトリの両方にあるファイルで、全体のスタイルが維持されるようになりました。

于 2016-07-26T23:19:56.477 に答える
0

追加するのを忘れていたと思います

        <link rel="stylesheet" href="css/style-noscript.css" />
于 2013-10-22T14:43:06.330 に答える