- Your Site Title
このサイトは◆◆◆◆◆◆◆の◇◇◇◇◇サイトです。
こんな感じでサイトの説明とか。
1カラムサンプル
記事部分のみの、1カラム用サンプルです。
トップ画像は「ミントBlue」様の写真素材を使用させて頂いています。2種類同梱してあるので、ページに合わせて好きな方をお使い下さい。
サイズは760px×180pxです。
自作画像などの画像に差し替える場合で、横サイズが760pxでない時は、必ず外部CSSの/* 全体(大枠) */の「横幅」の部分で横幅を指定をしてあげて下さい。でないと崩れると思います。
760px以下の画像の場合は真ん中表示されます。
同梱ファイル
- index.html / トップページ用
- memo.html / サンプルページ
- sample.html / サンプルページ
- link.html / リンクページ
- gallery.html / 作品展示一覧
- -----展示用
- pict.html / イラスト展示用
- novel.html / 小説展示用
- -----他
- imgフォルダ / 画像をまとめたフォルダ
- style.css / 外部CSS
いらないファイルは削除しちゃって下さいね。
h2,h3,h4見出し(タイトル)
サンプル文字。<em>強調です<em>
サンプル文字。<strong>より強い強調です</strong>
<del>サンプル文字。取り消しです</del>
<ins>サンプル文字。下線付きです</ins>
<p>テキスト部分</p>
<p class="none">下部余白無し</p>
<p class="text">テキスト部分の文字が小さくなるよ</p>
<p class="box1">装飾ボックスだよ</p>
<p class="box2">装飾ボックスその２だよ</p>
<p class="center">真ん中表示だよ</p>
画像などを真ん中に置く場合サンプル。
画像にラインを付けられます。imgタグにclass="img"を足します。
↑<img src="img/space.gif" width="50" height="50" alt="" class="img">
- リストです。
- マーカーが付きます。
- リスト項目