Site Title
テンプレート#f014
3分割フレームのテンプレートです。
デザインの大部分を外部スタイルシート(CSS)にて指定しています。簡単な説明もCSSファイル内にありますので、カスタマイズをする時は外部CSSファイルをいろいろいじってみてください。
上フレームの斜めラインと星型アイコン、トップに表示されるイラストは【青の朝陽と黄の柘榴】様の素材を使用させて頂いています。このまま使用する場合は、左フレーム下部の著作権表示は剥がさないでご利用下さい。
(当サイトの著作権表示については、削除OKです←※リンクウェアなので、リンクページなどにリンクを貼って下さい)
画像を入れ替えたら、著作権表示の書き換え・削除を必ずお願いします。
イラストサイトさんは最初に表示される右フレームページ(toppage.html)に、トップ絵などを置いてみると良いと思います。背景表示でも、直接imgタグで置くのでも、両方出来ます。
コチラのフレームに背景指定でイラストなどを入れたい場合、<link rel="stylesheet" href="back.css" type="text/css">をhtmlの<head>内に入れて下さい。
「back.css」に指定箇所があるので、画像アドレスはそちらに記入します。
背景じゃなくそのまま画像を置く場合、「<p class="pict">ここに画像</p>」にすると、真ん中寄せで置けます
同梱ファイル
- index.html / 入り口用
- main.html / フレーム表示ファイル
- -----フレーム構成
- menu.html / 上フレーム(menu)
- sub.html / (下)左フレーム(sub)
- toppage.html / (下)右フレーム(main)
- -----(下)左フレーム(sub)
- gallery.html / 作品展示一覧
- -----(下)右フレーム(main)
- sample.html / サンプルページ
- memo.html / 日記や拍手レス
- link.html / リンクページ
- pict.html / イラスト展示用
- novel.html / 小説展示用
- -----その他
- imgフォルダ / 画像をまとめたフォルダ
- style.css / 外部CSS
- menu.css / 上フレーム用外部CSS
- back.css / 背景表示用CSS
ファイル数いっぱいですいません…
フレーム構成はこんな感じです
↑ここに書いてあるのがターゲット名になります。
h2,h3,h4見出し(タイトル)
<div class="bar"><span class="title">↓小見出し</span></div>
<p>テキスト部分</p>
<p class="none">Pの下部余白を無くす</p>
<p class="text">テキスト部分の文字が大きくなるよ</p>
<p class="box">装飾用ボックス</p>
サンプル文字。<em>強調です<em>
サンプル文字。<strong>より強い強調です</strong>
<del>サンプル文字。取り消しです</del>
<ins>サンプル文字。下線付きです</ins>
- リストです。
- リストです。
- マーカーを画像にも出来ます
- マーカーを画像にも出来ます
- 説明付きリスト(説明する用語)
- 説明文説明文説明文説明文説明文説明文
- 説明する用語
- 説明文説明文説明文説明文説明文説明文