スライダー用画像の説明
Site title

文字をかさねることもできます
文字の位置、色はclass指定で選べます

みてみる
スライダー用画像の説明
Attention!

デモで使用していた画像は、配布元の規約により同梱できません。
お使いになりたい場合は配布元から直接ダウンロードしてください。

配布元「GIRLY DROP」
スライダー用画像の説明

ボタン色も、classにwhiteもしくはblackを与えることで
色をかえることができます。

みてみる

About this template

目を引く大きなスライダーが特徴のテンプレートです。イベント告知やサークル様、イラストサイトに向いています。
画像の上に文字やリンクボタンを重ねることができます。
アニメーションが多くコーポレートサイトっぽさがあり、シンプルながらもリッチな印象です。

スライダーのアニメーションの速さを変えたい場合は、
index.htmlの最下部のscriptタグ内にある、
delay: 6000 の値を調節してください。(単位は1000分の1秒です)


What's new?

2020.1.30
更新履歴やおしらせをこちらに書いてください。
2020.1.20
改行することもできます。
こんなふうに。
2019.12.31
2列にして、右側にはSNS埋め込みや告知バナーなどを貼ってもいい感じです。一列で使う場合は、「class="col-md-〇"」の部分を「class="col-12"」に変更してください。

Contents

過去のイベント

もっと過去のイベント

novel-2クラス指定は説明なし、リストアイテムが複数になると区切り線が勝手に入る仕様です。過去作品などにどうぞ

レポート漫画

2カラムにもできます。liにclass="new"を与えるとnewマークがつきます

Illust

サムネイル画像は、100px平方より大きいものを使ってください。css側で100pxに切り抜いて表示されます。画像表示には fuwaimgを使っています。liにclass="new"を与えるとnewマークがつきます。

このサイトについて

このサイトはこんなサイトです。
Simple Slider!(http://xxx.xxx.jp/)
バナー

大好きなサイトさんです。

素材サイトさま

Mail

このままでは機能しませんので、PHP工房様の「Mailform01」などをご利用ください。

拍手用フォーム