ムーンライト

about

ここはあれやこれを取り扱うサイトです。あれやこれについてご存じでない方の閲覧はご遠慮ください。

information

シンプルなセットです。#191970と白をメインカラー、#faebd7をアクセントカラーに使ったシンプルなセットのリクエストを元に作成しました。

リンクと強調はこんな感じです。

画面幅1000pxを境にデザインが変わります。

source&image

PC

zipファイルをダウンロード

head

body(index)

<header>  <nav> <ul> <li><a href="URL">index</a></li> <li><a href="URL">contents</a></li> <li><a href="URL">blog</a></li> <li><a href="URL">mailform</a></li> </ul> </nav>   <div class="info"> <h1>サイト名</h1> <ul> <li>000000</li> <li>since 00/00/00</li> </ul> </div>  </header>   <div class="main-contents"> <main> <section> <h2>about</h2> <p>ここはあれやこれを取り扱うサイトです。あれやこれについてご存じでない方の閲覧はご遠慮ください。</p> </section> <section> <h2>information</h2> <p>説明文と<a href="">リンク</a>と<em>強調</em></p> <p><textarea>テキストエリア</textarea><br> <input type="submit" value="送信ボタン"></p> </section> </main> </div>

body(novel)

<div class="page">  <header>  <nav> <ul> <li><a href="URL">index</a></li> <li><a href="URL">contents</a></li> <li><a href="URL">blog</a></li> <li><a href="URL">mailform</a></li> </ul> </nav>   <div class="info"> <h1>サイト名</h1> <ul> <li>000000</li> <li>since 00/00/00</li> </ul> </div>  </header>   <div class="main-contents"> <main class="novel"> <section> <h2>連載中</h2> <dl> <dt><a href="">星降る街で</a></dt> <dd>町はずれの展望台に古い望遠鏡がある。看板に書かれた言葉は「覗けば願いが叶う魔法の望遠鏡です」。真夜中にそこを訪れた青年には、絶対に叶えたい願いがあった。</dd> </dl> </section> <section> <h2>完結済み</h2> <dl> <dt><a href="">アンドロメダ</a></dt> <dd>昨日も今日も、そして明日からもずっと変わらない日々。それで構わないと思っていた。あの日までは。（全３０話）</dd> <dt><a href="">二等星の逆襲</a></dt> <dd>「スピカの野郎をギャフンと言わせてやるまで死なねーからな！」（全８話）</dd> <dt><a href="">ORION</a></dt> <dd>プラネタリウムを舞台にしたオムニバス。（全１２話）</dd> <dt><a href="">恋のテレスコープ</a></dt> <dd>「天文部に入れてくれない？」<br> 突然声を掛けてきたのは大っ嫌いなクラスメイト。最初はただの嫌なヤツだったけれど、一緒に活動していくうちに知らなかった一面を知ることになって……。（全６話）</dd> </dl> <dl> <dt><a href="">短編</a></dt> <dd>○○が多め</dd> </dl> </section> </main> </div>  </div>

body(blog)

body(mail)

その他子ページ用body

<div class="page">  <header>  <nav> <ul> <li><a href="URL">index</a></li> <li><a href="URL">contents</a></li> <li><a href="URL">blog</a></li> <li><a href="URL">mailform</a></li> </ul> </nav>   <div class="info"> <h1>サイト名</h1> <ul> <li>000000</li> <li>since 00/00/00</li> </ul> </div>  </header>   <div class="main-contents"> <main>  </main> </div>  </div>

image

画像は自作です。こちらからお持ち帰りください。

ブログページの使い方（携帯向け）

ナノ

機能名：ブログ全体レイアウトその他子ページ用bodyをそのまま貼り付ける→自由記入部分に#blog# 一覧画面レイアウト一覧部分 <article> <div class="time right">#date#</div> <h2>#title#</h2> #text# <div class="right"><a href="">#ext_追記#</a></div> </article> 追記画面レイアウト <article> <div class="time right">#date#</div> <h2>#title#</h2> #text2# </article>

XRIA

機能名：ブログ一覧ページ編集ページ上部編集ボックスその他子ページ用bodyの自由記入部分以前（<header>から<main>まで）を全文貼り付けるページ下部編集ボックス </main> </div> （その他子ページ用bodyの自由記入部分以降）スレッド部編集ボックス <article> <div class="time right">#year#/#month#/#day#</div> <h2>#title#</h2> #message# <div class="right"><a href="">#ext_追記#</a></div> </article> 追記ページ編集ページ編集ボックスその他子ページ用bodyの自由入力部分を全文貼り付ける→自由入力部分に以下を記入 <article> <div class="time right">#year#/#month#/#day#</div> <h2>#title#</h2> #message# </article>

Alice+

表示タイプ：単体式全体レイアウトその他子ページ用bodyの自由入力部分を全文貼り付ける→自由入力部分に#note# ノート画面レイアウトノート部分 <article> <div class="time right">#date#</div> <h2>#title#</h2> #body# </article>