GT-ONE 楽天タグ講座 パイプ奮闘記

!  

●正面玄関
●もう一つのプロフ
●HPの飾付教室
●おもしろタグ教室
●プレート教室
●写真集
●壁紙チェンジャー
●リンク集
●キリ番
●プレート置き場
●日記リンクの皆様
●プチ講座メニュー
●カラーコード表
●カラーネーム表

【お知らせ】

楽天OFF会の参加を募っております。

8月23日(土)
関東地区OFF会を
開催することになりました。
みなさんふるって
御参加ください。

詳細は後日打ち合わせ次第ご連絡します。




ここに文字!


あなたは

アクセスの
お客様です
      私のページ一覧は思いついたまま作ってしまったため
    まとまりが全然なくページ一覧がばらばらになってしまいました。

    そこで、「テーブル」のPOSITION(位置)をSTYLEシートで
    指定しまして、ページ一覧を「テーブル」で隠しました。

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


     <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";>●HPの飾付教室 </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"><BR> 【お知らせ】<BR><BR>楽天OFF会の参加を募っております。<BR><BR>8月23日(土)<BR>関東地区OFF会を<BR>開催することになりました。<BR>みなさんふるって<BR>御参加ください。<BR><BR> 詳細は後日打ち合わせ次第ご連絡します。<BR><BR> </TR></TD> <TR><TD width="110" height="400" VALIGN="top" bgcolor="darkkhaki"><BR><BR><BR><center> ここに文字! </TD></TR> <TR><TD width="110"height="90" VALIGN="top" bgcolor="silver"> <BR><BR><center><font color=red>あなたは<BR><img src=~カウンターのURL~><BR>アクセスの<BR>お客様です</font> </center> </TD></TR> </TABLE>

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

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

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

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

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

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

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

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



Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.