モックン☆彡の部屋

テーブルで整頓５（高）

テーブルで整頓５（高）

ここのページではタグのお手本を紹介しています。

ページの設定で自動改行へチェックが入っていてもいなくても、

タグを改行せずに繋げて下さい。余分な空白が省かれます。

また、ここで紹介するタグはどの部分に書いても適用されますが、

ページの一番最初や最後に書くと編集する時に分かりやすいかもしれませんね。

2004年4月現在、楽天では『 基本デザイン 』に38個の素材を用意してあります。

具体的には下に挙げた物になりますので、自分が何番を使っていて、

使っているメニューのサイズがどのくらいの大きさなのかを確認して下さい。
（108×236と数字が書いてある場合は、横108px 縦236pxです）[px：ピクセル]

追記：
　2004年8月現在は、１～１１番と１４～１７番を旧広場型として分けています。

　その他は選んだテーマによって決まります。

　ここでは、旧広場型の様に左上へメニューがある状態を変更する方法を紹介しています。

１	２	３	４	５	６	７	８	９	10
108×236	108×236	108×256	108×264	108×256	108×236	108×236	108×292	108×236	108×236

11	12	13	14	15	16	17	18	19	20
108×256	108×236	108×159	108×236	108×236	108×236	108×292	108×159	108×236	108×236

21	22	23	24	25	26	27	28	29	30
108×236	108×236	108×236	108×236	108×236	108×236	108×236	108×236	108×236	108×236

31	32	33	34	35	36	37	38
108×236	108×236	108×236	108×236	108×236	108×236	108×236	107×236

１.	コンピュータ	２.	レーシング	３.	タウン	４.	トマト	５.	ホロスコープ	６.	ラグジュアリー
７.	サッカー	８.	チャイニーズ	９.	トラベル	10.	ラジオ	11.	野球	12.	キュート
13.	アクア	14.	ブック	15.	クマ	16.	ジーンズ	17.	テクノ	18.	シンプルA
19.	シンプルB	20.	シンプルC	21.	ベーシック	22.	ナチュラルA	23.	ナチュラルB	24.	ナチュラルC
25.	クリアーA	26.	クリアーB	27.	クールA	28.	クールB	29.	ディープブルー	30.	ROCK
31.	リゾート	32.	エレガント	33.	スウィートA	34.	スウィートB	35.	フェミニン	36.	プリティ
37.	レトロモダン	38.	和風

《お手本１》 ：ページ用：コメント

< TABLE style="font-family:Comic Sans MS;font-size:12pt;font-weight:bold; color:white; position:absolute;top:-114px;left:-130px;" width="110" height="238" cellpadding="1" cellspacing="1" bgcolor="yellow" >
< TR >
< TD width="100%" height="14%" style=" background:lightblue; " >< A href="http://plaza.rakuten.co.jp/ motokikun /" style="text-decoration:none;" > Home </ A >
</ TD ></ TR >
< TR >
< TD width="100%" height="14%" style=" background:lightgreen; " >< A href="http://plaza.rakuten.co.jp/ motokikun /diary/" style="text-decoration:none;" > Diary </ A >
</ TD ></ TR >
< TR >
< TD width="100%" height="14%" style=" background:lightblue; " >< A href="http://plaza.rakuten.co.jp/ motokikun /profile/" style="text-decoration:none;" > Profile </ A >
</ TD ></ TR >
< TR >
< TD width="100%" height="14%" style=" background:lightgreen; " >< A href="http://plaza.rakuten.co.jp/ motokikun /shop/" style="text-decoration:none;" > Auction </ A >
</ TD ></ TR >
< TR >
< TD width="100%" height="14%" style=" background:lightblue; " >< A href="http://plaza.rakuten.co.jp/ motokikun /bbs/" style="text-decoration:none;" > Bbs </ A >
</ TD ></ TR >
< TR >
< TD width="100%" height="14%" style=" background:lightgreen; " >< A href="http://plaza.rakuten.co.jp/ motokikun /linklist/" style="text-decoration:none;" > Bookmarks </ A >
</ TD ></ TR >
< TR >
< TD width="100%" height="14%" style=" background:lightblue; " >< A href="http://plaza.rakuten.co.jp/ motokikun /recommend/" style="text-decoration:none;" > Shopping List </ A >
</ TD ></ TR ></ TABLE >

Home
Diary
Profile
Auction
Bbs
Bookmarks
Shopping List

※ 実際にこのタグを使った場合は左上に表示されます。

シンプル版のメニューです。画像を一切使わないので、直ぐにできます。
まずは上のタグをコピーして貼り付けて下さい。その後に細かい修正をします。
『 color:white; 』･･･Homeなどの文字の色を表します。
『 height="238" 』･･･使っている基本デザインによってサイズを変えます。

1、2、6、7、9、10、12、14、15、16、19～38番 → 『 height="238" 』
3、5、11番 → 『 height="258" 』
4番 → 『 height="266" 』
8、17番 → 『 height="294" 』
13、18番 → 『 height="162" 』、『 font-size:12pt; 』 → 『 font-size:10pt; 』

『 bgcolor="yellow" 』･･･周りの線の色です。
『 motokikun 』･･･自分のアドレスを入れて下さい。
『 background:lightblue; 』･･･各項目の背景色です。
『 background:lightgreen; 』･･･各項目の背景色です。
リンクの線を入れたい場合は、『 style="text-decoration:none" 』を
取り除いて下さい。
ページの設定が自動改行の人はテーブルタグの注意点を参考にして下さい。
その他、文字のフォントや大きさなどを変える場合は、
枠をはみ出さないように調節して下さい。。

テーブルで整頓４（高）へ

テーブルで整頓６（高）へ

ジャンル別一覧