テンプレート#011
ノーフレームテンプレートです。
どちらかというと企画サイトとかアンソロサイトとか向け…かな。(なので作品一覧ページとかは作ってません)
オーソドックスな形なので、好きにカスタマイズしてやって下さい。
デザインの大部分を外部スタイルシート(CSS)にて指定しています。簡単な説明もCSSファイル内にありますので、カスタマイズをする時は外部CSSファイルをいろいろいじってみてください。
ノート線は<p>にclass="note"を付けると表示されます。ただし、間に改行を入れるとズレるので注意。
トップ画像を素材サイト様のものに差し替える場合は著作権表示などをお願いします。
当サイトのテンプレはリンクウェアです。インデックス下部にリンクが貼ってありますが移動はOKです。
同梱ファイル → index.html│sample.html│link.html│style.css│imgフォルダ
◇横幅は、CSS内の全体の横幅とあるところを変更すれば、他のところも合わせて可変します。
◇一番上の丸角バーは画像です。色を変えたい場合は、画像ソフトなどで変更してやって下さい。
一枚画像ではなく、「左側の画像」と「右側の画像」に分かれてます。(重ね合わせて表示されるように指定)
なので、全体の横幅変更にもある程度対応できます。
◇トップ画下のメニューバーの黒い部分は、色コードで指定しているので、簡単に色変更出来ます。
↑左側 右側↓
ここの記事の部分は全体的に左寄せですが、画像などを置きたい場合に真ん中寄せにする事も出来ます。
<p
class="center">画像(真ん中寄せ)</p>
h2,h3,h4見出し(タイトル)
<p>テキスト部分</p>
<p class="note">ノート線が付きます</p>
<p class="none">下部余白を無くします</p>
<p class="text">文字を大きくします</p>
<p class="center">真ん中寄せ</p>
<p class="box">背景有り</p>
文字 <em>強調</em>
文字 <strong>より強い強調</strong>
文字 <ins>追加</ins>
文字 <del>削除</del>
- 通常リスト(リストマーク付き)
- 通常リスト(リストマーク付き)
- 通常リスト(数字付き)
- 通常リスト(数字付き)
- 通常リスト(数字付き)
メールフォーム
タグのみのメルフォはソースを見るとアドレスが分かる上に、迷惑メールなどの自動収集プログラムにアドレスを拾われます。なので、フォームデコードサービスかメルフォCGIの設置をお勧めします。
フォームデコードサービスは【フォームメーラー】(無料サービス)などがあります。