大人の楽天生活スローライフを楽しむ情報Blog楽天生活です

既存のリンクバーを消して壁紙を入れる見本

初めての方
日記 Pickup
LINK
ゲーム集
無料お得 SITE
おもしろ SITE

HOME ＞コピペTOP ＞レイアウト

既存のリンクバーを消して壁紙を入れる見本です。　見本なのでわざとテーブルの枠を表示しています。ソースでは非表示にしてあります。　背景画像（壁紙）は出来るだけ元の壁紙と段差が目立たない物を使用したほうが良いと思いますよ。少し大きい壁紙を使用した見本
<TABLE style="position:absolute; top:70; left:0 ; width : 160px; height : 4000px;" bgcolor=#ffffff background="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" > <TBODY> <TR> <TD valign="top" align="center" > <TABLE style="FONT-SIZE: 10px; FONT-FAMILY: comic sans MS; background-color:#99ccff;" height=149 width=124 cellspacing=1> <TR> <TD onmouseover=this.style.backgroundColor=" #e887b8 "; onmouseout=this.style.backgroundColor=" #d1669b "; align=center width=120 height="15"><B><A href="http://plaza.rakuten.co.jp/ patipati/002000 " style=" text-decoration:none ;"> 初めての方 </A></B></TD> </TR> <TR> <TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height="15"><B><A style="TEXT-DECORATION: none" href="http://plaza.rakuten.co.jp/patipati/002016#n">日記 Pickup</A></B></TR> <TR> <TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002006" style="text-decoration:none;">LINK</A></B></TD> </TR> <TR> <TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002003" style="text-decoration:none;">ゲーム集</A></B></TD> </TR> <TR> <TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002006#o1" style="text-decoration:none;">無料お得 SITE</A></B></TD> </TR> <TR> <TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002009" style="text-decoration:none;">おもしろ SITE</A></B></TD> </TR> </TABLE> </TD> </TR></TBODY></TABLE> <IMG SRC="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" onLoad=this.style.display="none";body.background=this.src;>
上から簡単に説明 top:70; left:0; は場所の指定です。 width : 160px; height :4000px;" 幅と長さ、前よりまた長くなりましたご自分のに合わせてください。 bgcolor=#ffffff 前はわかりやすいように黒にしてありましたね。画像が読み込めなかった時のものなのでのなくてもいいです。 background="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" 壁紙のＵＲＬです。ご自分の物に入替えて下さい <TD valign="top" align="center"> 真ん中で上ということ。長さが4000もあるので上に持ってきました。その下からは中のリンクが入ったテーブルです。マウスオーバーとアウトで背景色が変わります。これは小技1 で説明していますね。 text-decoration:none というのもここにあります。好きな色に変えて下さい。微妙なカラー見本または 16進カラー作成ツールをご利用下さい。もちろんリンク先URL、タイトル（掲示板とか）は、ご自分のページに合わせてください。＜TR＞から＜TR＞までをコピペで増やせばいくらでも追加できますし、減らす場合は逆(削除）して下さい。見本は＜Ｂ＞で挟んでいますので太文字です。細くしたい場合は＜Ｂ＞＜/B＞を外して下さい。背景は固定しておりません。 <IMG SRC="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" onLoad=this.style.display="none";body.background=this.src;> の部分です

既存のリンクバーを消して壁紙を入れる見本です。
　見本なのでわざとテーブルの枠を表示しています。
ソースでは非表示にしてあります。
　背景画像（壁紙）は出来るだけ元の壁紙と段差が目立たない物を
使用したほうが良いと思いますよ。
少し大きい壁紙を使用した見本

<TABLE style="position:absolute; top:70; left:0 ; width : 160px; height : 4000px;" bgcolor=#ffffff background="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" >
<TBODY>
<TR>
<TD valign="top" align="center" >
<TABLE style="FONT-SIZE: 10px; FONT-FAMILY: comic sans MS; background-color:#99ccff;" height=149 width=124 cellspacing=1>
<TR>
<TD onmouseover=this.style.backgroundColor=" #e887b8 "; onmouseout=this.style.backgroundColor=" #d1669b "; align=center width=120 height="15"><B><A href="http://plaza.rakuten.co.jp/ patipati/002000 " style=" text-decoration:none ;"> 初めての方 </A></B></TD>
</TR>
<TR>
<TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height="15"><B><A style="TEXT-DECORATION: none" href="http://plaza.rakuten.co.jp/patipati/002016#n">日記 Pickup</A></B></TR>
<TR>
<TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002006" style="text-decoration:none;">LINK</A></B></TD>
</TR>
<TR>
<TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002003" style="text-decoration:none;">ゲーム集</A></B></TD>
</TR>
<TR>
<TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002006#o1" style="text-decoration:none;">無料お得 SITE</A></B></TD>
</TR>
<TR>
<TD onmouseover=this.style.backgroundColor="#e887b8"; onmouseout=this.style.backgroundColor="#d1669b"; align=center width=120 height=15><B><A href="http://plaza.rakuten.co.jp/patipati/002009" style="text-decoration:none;">おもしろ SITE</A></B></TD>
</TR>
</TABLE>
</TD>
</TR></TBODY></TABLE>
<IMG SRC="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" onLoad=this.style.display="none";body.background=this.src;>

上から簡単に説明
top:70; left:0; は場所の指定です。 width : 160px; height :4000px;" 幅と長さ、前よりまた長くなりました
ご自分のに合わせてください。
bgcolor=#ffffff 前はわかりやすいように黒にしてありましたね。
画像が読み込めなかった時のものなのでのなくてもいいです。
background="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif"
壁紙のＵＲＬです。ご自分の物に入替えて下さい

<TD valign="top" align="center">
真ん中で上ということ。長さが4000もあるので上に持ってきました。

その下からは中のリンクが入ったテーブルです。
マウスオーバーとアウトで背景色が変わります。
これは小技1 で説明していますね。 text-decoration:none というのもここにあります。
好きな色に変えて下さい。
微妙なカラー見本または 16進カラー作成ツールをご利用下さい。

もちろんリンク先URL、タイトル（掲示板とか）は、ご自分のページに合わせてください。
＜TR＞から＜TR＞までをコピペで増やせばいくらでも追加できますし、減らす場合は逆(削除）して下さい。

見本は＜Ｂ＞で挟んでいますので太文字です。
細くしたい場合は＜Ｂ＞＜/B＞を外して下さい。

背景は固定しておりません。
<IMG SRC="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" onLoad=this.style.display="none";body.background=this.src;>
の部分です

ジャンル別一覧