カテゴリーを上に持っていく HTML編 *チョット上級_e0070137_1631054.gif

ここに来る前にまずCSSの編集を読んでください。

では、HTMLの編集です。
【1番目にすること】1:カテゴリー内容をきちんと決め、現在の自分のページ(編集画面ではなく通常見える画面)を開きます。

2:開いたら、ブラウザの「表示」タブの「ソース」をクリック。するとテキスト画面が開きます。(*開かないときはコメントください。)

3:そのテキスト内容の中から(かなり大変かもですが)カテゴリーの部分であるタグを探し出します。私の場合は下記参照。(なんだか照れくさいけど・・ナゼ。)


<div class="MNTTL_R"> カテゴリ</div>
<div class="MN_R"><A HREF=http://hanachanel.exblog.jp/i2>初めに </A><BR><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A><BR><A HREF=http://hanachanel.exblog.jp/i3>まず壁紙</A><BR><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A><BR></div>

こんな部分を見つけたら、丸ごとコピー。

【2番目にすること】
1:さきほど、丸ごとコピーしたカテゴリーのタグをHTML編集画面のヘッダ部分に書き込みます。書き込むのは、ヘッダーのタグの最後にある</div>のすぐ後ろに。

2:書き込んだら、タグを手直し。まず全ての<br>を削除。次に各<a href="省略">から</a>を囲むように<li></li>を入れる。それと、CSSのためのタグ<div class="MENU">を追加。最後の閉める部分に</div>を追加

[私の場合の例]

<div class="MENU"><li><a href="http://hanachanel.exblog.jp/"> トップ </a></li><li><A HREF=http://hanachanel.exblog.jp/i2>まず初めに</A></l><li><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A></li><li><A HREF=http://hanachanel.exblog.jp/i3>壁紙関連</A></li><li><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A></li></div>



すると、ヘッダータグの中は全体的に見て私の場合はこんな感じ(ヘッダーから書いています)↓


<div class="HEADER">
この部分は省略
</div>

<div class="MENU"><li><a href="http://hanachanel.exblog.jp/"> トップ </a></li><li><A HREF=http://hanachanel.exblog.jp/i2>まず初めに</A></li><li><A HREF=http://hanachanel.exblog.jp/i5>作成開始</A></li><li><A HREF=http://hanachanel.exblog.jp/i3>壁紙関連</A></li><li><A HREF=http://hanachanel.exblog.jp/i4>タグを見る</A></li></div>


【最後にすること】※このページのように枠でくくりたくなければ必要ないです。

<div class="PAGE">というタグを、上記のように変更したカテゴリータグの後ろにある</table>となってるとこのすぐ後ろに追加。HTML編集画面の最後に</div>を追加。

ここまでがHTMLの編集です。