モックン☆彡の部屋

モックン☆彡の部屋

テーブルで整頓5(高)

テーブルで整頓5(高)


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

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

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


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

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


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

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

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

追記:
 2004年8月現在は、1~11番と14~17番を旧広場型として分けています。

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

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


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
1. コンピュータ 2. レーシング 3. タウン 4. トマト 5. ホロスコープ 6. ラグジュアリー
7. サッカー 8. チャイニーズ 9. トラベル 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. 和風


《お手本1》 :ページ用:コメント
< 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" 』を
取り除いて下さい。
ページの設定が自動改行の人は テーブルタグの注意点 を参考にして下さい。
その他、文字のフォントや大きさなどを変える場合は、
枠をはみ出さないように調節して下さい。。





テーブルで整頓4(高)へ テーブルで整頓6(高)へ







© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: