ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

！　　

●正面玄関
●もう一つのプロフ
●ＨＰの飾付教室
●おもしろタグ教室
●プレート教室
●写真集
●壁紙チェンジャー
●リンク集
●キリ番
●プレート置き場
●日記リンクの皆様

●プチ講座メニュー

●カラーコード表
●カラーネーム表

【お知らせ】楽天ＯＦＦ会の参加を募っております。８月２３日（土）関東地区ＯＦＦ会を開催することになりました。みなさんふるって御参加ください。詳細は後日打ち合わせ次第ご連絡します。
ここに文字！
あなたはアクセスのお客様です

私のページ一覧は思いついたまま作ってしまったため
　　　　まとまりが全然なくページ一覧がばらばらになってしまいました。

　　　　そこで、「テーブル」のＰＯＳＩＴＩＯＮ（位置）をＳＴＹＬＥシートで
　　　　指定しまして、ページ一覧を「テーブル」で隠しました。

　　　　私がやっている、サイドメニュー（ページ一覧）のテーブルですが、
　　　　雛形として載せてみます。
　　　　←これをそのまま書いてみます。

<TABLE style="position:absolute;top: 280 ;left:10;font-size:12;color:black;font-family:;" width="110" height="" bgcolor=" yellow " cellpadding="0" cellspacing="1" border="1"bordercolor="black"> <TR> <TD width="110" height="30" style="cursor:hand;background-color:silver;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/002001 ";>●正面玄関 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: darkkhaki ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/003000 ";>●もう一つのプロフ </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: silver ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/017001 ";>●ＨＰの飾付教室 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: darkkhaki ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/003002 ";>●おもしろタグ教室 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: silver ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/004001 ";>●プレート教室 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: darkkhaki ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/002000 ";>●写真集 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: silver ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/006000 ";>●壁紙チェンジャー </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: darkkhaki ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/007000 ";>●リンク集 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: silver ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/009000 ";>●キリ番 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: darkkhaki ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/007000 ";>●プレート置き場 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: silver ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/016000 ";>●日記リンクの皆様 </TD></TR> <TR><TD width="110" height="30"> </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: hotpink ;"onmouseover=this.style.background="#ffffff"; onmouseout=this.style.background=" hotpink "; onclick=location.href=" http://plaza.rakuten.co.jp/gtone/002001/#nikki ";>●プチ講座メニュー </TD></TR> <TR><TD width="110" height="30" colspan="2" background="black"> </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: pink ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/011000 ";>●カラーコード表 </TD></TR> <TR> <TD width="110" height="30" style="cursor:hand;background-color: pink ;"onclick=location.href=" http://plaza.rakuten.co.jp/gtone/011001 ";>●カラーネーム表 </TD></TR> <TR><TD width="110" height="30"> </TD></TR> <TR><TD width="110" height=" 350 " VALIGN="top" bgcolor=" pink "> 【お知らせ】 楽天ＯＦＦ会の参加を募っております。 ８月２３日（土） 関東地区ＯＦＦ会を 開催することになりました。 みなさんふるって 御参加ください。 詳細は後日打ち合わせ次第ご連絡します。 </TR></TD> <TR><TD width="110" height=" 400 " VALIGN="top" bgcolor="darkkhaki"> <center> ここに文字！ </TD></TR> <TR><TD width="110"height=" 90 " VALIGN="top" bgcolor=" silver "> <center>あなたは <img src=～カウンターのＵＲＬ～> アクセスの お客様です </center> </TD></TR> </TABLE>

　　　　少しだけ、説明をしておきますと、
280 　の数値が「テーブル」の高さの位置を表しています。
　　　　大きくすればテーブル全体が下に移動します。
　　　　小さくすれば、上に上がってきます。

yellow 　のところは「テーブル」全体の背景色です。

http://plaza.rakuten.co.jp/gtone/002001 　はリンクを貼るページのＵＲＬです。

silver darkkhaki 　のところは、各セルの背景色です。

350 　は下のほうで使っている、縦長のセルの高さを指定しています。

　　　　皆さんのお好きに変えてやってみてください。(=^_^=)

　　　　セルを省くのは<TR><TD>　から　</TD></TR>　までを削除してください。

　　　　では、皆さんがんばってください。

ジャンル別一覧