Sample & Code

このページでは、当サイトにて配布しているデザインテンプレート内で使える、
コンテンツ内容のみのベーシックなコードを公開しています。
使いたいテンプレートをダウンロードしたけど、他のテンプレートにはあるコンテンツが含まれていない場合にお使いください。

各ページに、サンプルと、同様に表示するためのHTML、CSS、JavaScriptのコードを記載していますので、コピペして使用して下さい。

Update

2023/05/29 Character＞パターン３　スマホでの表示を修正
2023/05/24 Novel＞Novelpage縦横切替を修正、公開
2023/05/23 Topic＞タグありを追加、Comic＞タイトル一覧の表示を修正、Character＞パターン３を追加
Novelpage縦横切替を一時的に撤去
2023/04/22 Profile＞CSSのSNSリストの部分がSCSSの記載になっていたところを修正
2022/12/23 Novel＞名前変換、Novelpage縦横変換を追加
2022/11/30 公開

How to use -使用手順-

01空蝉内の使用したいテンプレートをダウンロードする
02コンテンツを増やしたいHTMLファイルの、<main></main>内にHTMLコードをコピペする
03each.cssの任意の場所にCSSコードをコピペする
04JavaScriptも記載がある場合はcommon.jsにJavaScriptコードをコピペする

基本的なデザインは、各テンプレートに同梱のcommon.cssで記載されていますので、common.cssを読み込みしなければ、きちんと表示されません。

見出し等のデザインは、仕様しているテンプレートに統一されます。

Thanks -お借りしたもの-

※敬称略

フォント: Google Font
アイコン: LINE AWESOME
jsライブラリ: fuwaimg/do
jsライブラリ: spotlight
お題: この世界に名前をつけよう