Your Site Title
■ テンプレート#f017
3分割フレームのテンプレートです。
デザインの大部分を外部スタイルシート(CSS)にて指定しています。簡単な説明もCSSファイル内にありますので、カスタマイズをする時は外部CSSファイルをいろいろいじってみてください。
作りが複雑なのでカスタマイズはちょっと難しいかもしれません、すいません。
背景画像の変更や文字色リンク色変更ぐらいでしたら簡単かと…
あとメニューの背景色と、左フレーム左の黒い縦ボーダーも色コードで指定しているので簡単に変更可能ですよ。(CSS内に説明あり)
縦100%表示指定が多いので、広告必須サーバーさんにはあまり向いていないと思います…
装飾ボックスは二種類。こちらのは半透過してます。
背景用素材は【青の朝陽と黄の柘榴】様からお借りしています。
このまま使用される場合は、著作権表示を削除しないでお使い下さい。
(当サイトの著作権表示はリンクページなどに移動可能です)
違う素材サイト様の素材を使う場合や、素材を使わなくなった場合は、著作権表示の削除・書き換えを必ず行うようにして下さい
画像を真ん中に置きます。
■ 同梱ファイル
ものすごいファイル数いっぱいですいません…
CSSがものすごく長くなるので、フレーム毎に分けてます。
- index.html / 入り口用
- main.html / フレーム表示ファイル
- フレーム構成
- ├sub.html / 左フレーム(sub)
- ├menu.html / 真ん中フレーム(menu)
- └toppage.html / 右フレーム(main)
- 左フレーム用(sub)
- └gallery.html / 作品展示一覧
- 右フレーム用(main)
- ├sample.html / サンプルページ
- ├memo.html / 日記や拍手レス
- └link.html / リンクページ
- galleryフォルダ / 展示用ファイルをまとめたフォルダ
- ├pict.html / イラスト展示用サンプル
- └novel.html / 小説展示用サンプル
- cssフォルダ / 外部CSSをまとめたフォルダ
- ├base.css / ベースCSS
- ├menu.css / メニュー用CSS
- ├sub.css / 左フレーム用CSS
- ├main.css / 右フレーム用CSS
- └back.css / 背景表示用CSS
- imgフォルダ / 画像をまとめたフォルダ
フレーム構成はこんな感じです。
↑ここに書いてあるのがターゲット名になります。
■ h2,h3見出し(タイトル)
サンプル文字。<em>強調です<em>
サンプル文字。<strong>より強い強調です</strong>
<del>サンプル文字。取り消しです</del>
<ins>サンプル文字。下線付きです</ins>
- リストです。
- リスト項目(マーカー無し)
- マーカー付き
- マーカーが画像
<p>テキスト部分</p>
<p class="text">テキスト部分の文字が大きくなるよ</p>
<p class="box1">装飾用ボックス1</p>
<p class="box2">装飾用ボックス2</p>
<p class="center">真ん中寄せ</p>
■ メールフォーム
メールフォームは左フレームに置く事も可能ですよ。
CSS(base.css)の方でフォームのサイズ指定をしているので、そちらで調節してみて下さい。
タグのみのメルフォはソースを見るとアドレスが分かる上に、迷惑メールなどの自動収集プログラムにアドレスを拾われます。なので、フォームデコードサービスかメルフォCGIの設置をお勧めします。
フォームデコードサービスは【フォームメーラー】(無料サービス)などがあります。
