毎日1人に2000ポイントが当たる楽天ブログラッキーくじ
>>
人気記事ランキング
ブログを作成
楽天市場
11769513
ホーム
|
日記
|
プロフィール
【フォローする】
【ログイン】
大人の楽天生活 スローライフを楽しむ情報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"
壁紙のURLです。ご自分の物に入替えて下さい
<TD valign="top" align="center">
真ん中で上ということ。長さが4000もあるので上に持ってきました。
その下からは中のリンクが入ったテーブルです。
マウスオーバーとアウトで背景色が変わります。
これは
小技1
で説明していますね。
text-decoration:none
というのもここにあります。
好きな色に変えて下さい。
微妙なカラー見本
または
16進カラー作成ツール
をご利用下さい。
もちろんリンク先URL、タイトル(掲示板とか)は、ご自分のページに合わせてください。
<TR>
から
<TR>
までをコピペで増やせばいくらでも追加できますし、減らす場合は逆(削除)して下さい。
見本は
<B>
で挟んでいますので太文字です。
細くしたい場合は<B></B>を外して下さい。
背景は固定しておりません。
<IMG SRC="http://plaza.rakuten.co.jp/img/user/96/59/3359659/81.gif" onLoad=this.style.display="none";body.background=this.src;>
の部分です
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
しんくぱっど
ファンエラーで起動できないT510を復…
(2024-03-17 22:52:44)
楽天市場のおすすめ商品
【INTERIOR】 インテリア ‐ 2人掛け…
(2024-03-19 15:11:20)
パソコンサポーターがすすめるパソコ…
◎中古 ノートPC レッツノート Core i…
(2024-03-19 16:02:50)
© Rakuten Group, Inc.