ここにページタイトルまたは説明

ここにページのサブタイトル

ここにはページ文中の見出しを記入

ffff

ffff

ページの右上の部分に表示されるページタイトルまたは説明の記述方法は、
<h1>ここにページタイトルまたは説明</h1>

この上のページのサブタイトルの記述方法は、
<h2>ここにページのサブタイトル</h2>

やはりこの上のページ文中の見出しの記述方法は、
<h3>ここにはページ文中の見出しを記入</h3>

ページ左上のタイトル画像は、幅300px、高さ60pxで作っていますが、 入れ替える場合、幅は変更してもかまいませんが、高さは60pxのままのほうがめんどうがありません。
もし入れ替える場合、style.cssのleft_boxとright_boxのtop: 60px;の60を画像の高さに変更する必要があります。

ページの内容の記述方法

普通にテキストを書く場合

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん、 あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

のように書くには、<p class="f1">ここに文章</p>

テキストを枠で囲う場合

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん、 あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

のように書くには、<p class="f2">ここに文章</p>

その枠を点線にする場合

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん、 あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

のように書くには、<p class="f3">ここに文章</p>

ボックスの背景に色をつける場合

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん、 あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

のように書くには、<p class="f4">ここに文章</p>

枠の線を別の色で目立たせる

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん、 あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

のように書くには、<p class="f5">ここに文章</p>

ボックスの背景に色をつける

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん、 あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

のように書くには、<p class="f6">ここに文章</p>

文中のリンク

文中にリンクをはったときの表示はスタイルシートで設定しています。
リンク
HTMLテンプレート-sozai.wdcro-
リンク集にでも入れていただけたらとってもうれしいです。

ホームページで広告収入
アフィリエイトプログラム「電脳卸」
■【繁盛哲人】アフィリエイト
ASBABKではバナー広告の掲載サイトを募集中 !!
高額報酬に自信あり。あなたの目で確かめて下さい。<コムズ リンクスタッフ>
【注目】ホームページの運営にスポンサーをつけませんか?【TGアフィリエイト】
アフィリエイトはエーハチネット
1億人.comアフィリエイト紹介プログラム
アクセストレードなら「クリック報酬+成約報酬」で高額報酬!!
アフィリエイト の JANet
【BannerBridge】アフィリエイトプログラム2-tier付き!ホームページで広告収入!
人気有名ECサイトがたくさん!LinkShare(リンクシェア)
アフィリエイトやるならやっぱりここははずせない...バリューコマース

ネットショップのオーナー様へアフィリエイトで宣伝してみませんか?



最新情報

ここに新着情報、更新情報、ご挨拶などいろいろ書きましょう。

書き方は、まず、
<h4>最新情報</h4>
と、白抜き文字のタイトル部分を記述します。続いて、
<p class="left_f1">ここに内容を書きましょう</p>

という形式で記述すればOKです。



ごあいさつ

上のボックスと別の色でも…
書き方は、

<h5>ごあいさつ</h5>
<p class="left_f2">ここに内容を記述</p>
となります。



枠はいらない

枠なんかいらないよ、そのまま文章を書きたいだけという場合はこちら、
<p class="left_f3">ここに文章を記述</p>

上の見出しは、
<h6>枠はいらない</h6>




Copyright© 2005-2006
あなたの名前 All Rights Reserved.
Powered by sozai.wdcro
Contents of This site
トップページ
メニュー1
メニュー2
メニュー3
メニュー4
メニュー5

メニューの書き方(1)

メニューの書き方は、タイトル(見出し)は左の見出しの書き方と同じです。リンクの記述は、
<div class="l1"><a href="リンク先アドレス" class="menu">リンクの名前</a></div>


トップページ
メニュー1
メニュー2
メニュー3
メニュー4
メニュー5

メニューの書き方(2)

上のメニューの書き方は、
<div><a href="リンク先アドレス" class="menu1">リンクの名前</a></div>

どちらを使っても…また分けて使ってもよいでしょう。

ちなみにこの文章のこの部分の記述は、
<p class="right_f1">ここに文章を記述</p>

PC用眼鏡【管理人も使ってますがマジで疲れません】 解約手数料0円【あしたでんき】 Yahoo 楽天 NTT-X Store

無料ホームページ 無料のクレジットカード 海外格安航空券 ふるさと納税 海外旅行保険が無料! 海外ホテル