テンプレートについて
デザインの大部分を外部スタイルシート(CSS)にて指定しています。
簡単な説明もCSSファイル内にありますので、カスタマイズをする時は外部CSSファイルをいろいろいじってみてください。
ノート線は<p>にclass="note"を付けると表示されます。ただし、間に改行を入れるとズレるので注意。
テンプレ内の著作権表示は移動OKですが、当サイトのテンプレートはリンクウェアなのでサイト内から必ずリンクをお願いします。
同梱ファイル →
index.html│sample.html│link.html│enter.html│style.css│imgフォルダ
カスタマイズについて
◇横幅を変更したい場合は、CSS内の/* 全体の横幅指定 */とある部分の数値を変更してみて下さい。
◇角丸タイトルバーの部分は画像です↓ (透過png)
↑左側画像 右側画像↓(縦26px)
◇一枚画像ではなく、上記の「左側の画像」と「右側の画像」を、重ね合わせて表示されるように指定しています。
(横幅変更対応のため)
外部CSS内に説明が書いてあるので横幅変更の際には参考にしてみて下さい。
◇画像の色を変えたい場合はご自由にどうぞ。
◇トップ画像の下のメニューバーの黒い部分は、色コードで指定しているので、CSSで色変更出来ます。
◇↓のサブ見出しもです。
h2,h3,h4見出し(タイトル)
文字 <em>強調</em>
文字 <strong>より強い強調<
/strong>
文字 <ins>追加</ins>
文字 <del>削除</del>
<p>普通のP段落</p>
<p class="blank1">段落下の余白少なめ</p>
<p class="blank2">段落下の余白多め</p>
<p class="small">段落全体の文字を小さくする</p>
<p class="note">ノート線付き</p>
<p center="center">真ん中寄せ</p>
- リストです。
- マーカー付き(黒丸)
- リスト項目
- リストです。
- マーカー付き(白丸)
- リスト項目
<p class="box1">装飾BOX</p>