??? 05/06 MAIN

ここは主に××を扱う○○サイトです。
当サイト内の作品の著作権は管理人ナナシにあります。荒らし・晒し・転載はご遠慮ください。

>>小説ページ
Title:星食さま
背景の画像はMuikkuさまより写真をお借りしました。ありがとうございます。

HEAD(CSS)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Dosis|Sacramento); body{ margin:0; padding:0; font-size:11px; color:#fff; line-height:2; letter-spacing:2px; font-family:Dosis,Meiryo,メイリオ, sans-serif; background:url(#画像URL#) left top,#000; background-size:400px; text-align:center; } .top{ background:rgba(0,0,0,0.7); max-width:200px; padding:15px; margin:0 15px 15px 15px; border:solid 1px #fff; border-top:none; border-radius:0 0 5px 5px; } .top_heart{ color:#fff; font-size:50px; text-shadow:0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0; } .all{ background:rgba(0,0,0,0.7); max-width:400px; padding:15px; margin:30px 15px 15px 15px; border:solid 1px #fff; border-radius:5px; } .title{ color:#fff; font-size:30px; font-family:Sacramento,Meiryo,メイリオ, sans-serif; letter-spacing:0; text-shadow:0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0; } .sc{ font-size:13px; text-shadow:0 2px 3px #0092D0,0 2px 3px #0092D0,0 2px 3px #0092D0; } .text{ color:#ccc; font-size:13px; background:rgba(0,0,0,0.7); max-width:400px; padding:30px 15px 15px 15px; margin:0 15px; text-align:left; } .title_txt{ font-size:15px; text-shadow:0 2px 3px #0092D0,0 2px 3px #0092D0,0 2px 3px #0092D0; margin-top:30px; } a{ background:#000; color:#fff; padding:5px; } a:hover{ text-decoration:none; text-shadow:0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0,0 0 5px #0092D0; } </style>

BODY(HTML)
<!-- トップ --> <center><div class="top"><div class="top_heart"><i class="fa fa-heart-o"></i></div><div class="title">Title</div></div><div class="all"><a href="">???</a> <a href="">05/06</a> <a href="">MAIN</a> ここは主に××を扱う○○サイトです。 当サイト内の作品の著作権は管理人ナナシにあります。荒らし・晒し・転載はご遠慮ください。</div></center> <!-- 小説 --> <!-- 表紙レイアウト --> <center><div class="top"><div class="top_heart"><i class="fa fa-heart-o"></i> </div><div class="title">Text Page</div></div><div class="all"><span class="sc">タイトル</span> <a href="">01</a> <a href="">02</a> <a href="">03</a> <a href="">04</a> <a href="">05</a> <a href="">06</a> <a href="">07</a> <a href="">08</a></div></center> <!-- 文章レイアウト --> <center><div class="text">#text# <div class="title_txt">#title#</div>#prev_prev_#</a> <a href="">top</a> #next_next_#</div>

素材はMaterialから保存してください。