如何使Dropzone.js看起來像網站上的主題？

Question

我一直試圖使用一小段示例代碼和dropzone.css使Dropzone.js看起來像網站上的主題（dropzonejs.com）。 這是我的代碼：

<html>
<head>
<script src="dropzone.js"></script>
<link rel="stylesheet" type="text/css" href="dropzone.css">
<link rel="stylesheet" type="text/css" href="basic.css">
</head>
<form action="/upload-target" class="dropzone"></form>
</html>

我檢查了文件路徑，這些都很好。 最終結果看起來像http://www.dropzonejs.com/examples/simple.html但我的預期結果就像主頁“試一試”中的示例一樣。 部分。

如果你能提供幫助，請告訴我。

Answer 1

對於主題本身，只要你遵循css規則中的相同結構，它似乎工作正常： main section .dropzone 。

<html>
    <head>
        <link rel="stylesheet" href="dropzone.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <main>
            <section>
                 <h1 id="try-it-out">Try it out!</h1>

                <div id="dropzone">
                    <form action="" class="dropzone dz-clickable" id="demo-upload">
                        <div class="dz-message">Drop files here or click to upload.
                            <br> <span class="note">(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</span>

                        </div>
                    </form>
                </div>
            </section>
        </main>
    </body>
</html>

另外，請確保您的示例中同時包含兩個css文件

看小提琴： http ： //jsfiddle.net/jnoxvc7t/

如何使Dropzone.js看起來像網站上的主題？

問題描述

1 個解決方案

解決方案1
11 已采納 2015-02-18 02:03:32

如何使Dropzone.js看起來像網站上的主題？

問題描述

1 個解決方案

解決方案1 11 已采納 2015-02-18 02:03:32

解決方案1
11 已采納 2015-02-18 02:03:32