HOME

リンクバーの張り方






JavaScript板です。 ご自分のHPのデザインに合わせてカスタマイズして頂いて構いません。
下記ソース部のサイトIDとなっているところを、ご自分のサイトIDに変更して下さい。
信on@将星りんぐ
<< LIST RANDOM >>
<< LIST 信on@将星りんぐ RANDOM >>

<script Language="JavaScript"> <!-- function change(xID,bacol,size,col) { document.all[xID].style.backgroundColor = bacol; document.all[xID].style.fontSize = size; document.all[xID].style.color = col; } --> </script> <TABLE style=" background-color: #C0C0C0; border: solid 1px #000000; height:40; width:200; border-top-width: 1px; border-left-width: 8px; border-right-width: 8px; border-bottom-width: 1x; color: #FFFFFF; font-size: 9pt; font-weight: 600; text-align:center;"> <TR> <TD align="center" colspan="4"> <A style="TEXT-DECORATION: none; color: #888888;" href="http://one.1ne.cc/webring/" target="_blank" id="myText0" onMouseover="change('myText0','#E7E7E7','9pt','#888888')" onMouseout ="change('myText0','#C0C0C0','9pt','#888888')" >信on@将星りんぐ</A> </TD> </TR> <TR> <TD width="40" align="center"> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;id=サイトID;prev" target="_blank" id="myText1" onMouseover="change('myText1','#E7E7E7','9pt','#888888')" onMouseout ="change('myText1','#C0C0C0','9pt','#888888')" ><<</A> </TD> <TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;list" target="_blank" target="_blank" id="myText2" onMouseover="change('myText2','#E7E7E7','9pt','#888888')" onMouseout ="change('myText2','#C0C0C0','9pt','#888888')" >LIST</A> </TD><TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;random" target="_blank" id="myText3" onMouseover="change('myText3','#E7E7E7','9pt','#888888')" onMouseout ="change('myText3','#C0C0C0','9pt','#888888')" >RANDOM</A> </TD><TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;id=サイトID;next" target="_blank" id="myText4" onMouseover="change('myText4','#E7E7E7','9pt','#888888')" onMouseout ="change('myText4','#C0C0C0','9pt','#888888')" >>></A> </TD> </TR> </TABLE>


テキスト板です。 こちらも、ご自分のHPのデザインに合わせてカスタマイズして頂いて構いません。
下記ソース部のサイトIDとなっているところを、ご自分のサイトIDに変更して下さい。
信on@将星りんぐ
<< LIST RANDOM >>
<TABLE style=" background-color: #C0C0C0; border: solid 1px #000000; height:40; width:200; border-top-width: 2px; border-left-width: 8px; border-right-width: 8px; border-bottom-width: 2x; font-size: 9pt; font-weight: 600; text-align:center;"> <TR> <TD align="center" colspan="4"> <A style="TEXT-DECORATION: none; color: #888888;" href="http://one.1ne.cc/webring/" target="_blank" >信on@将星りんぐ</A> </TD> </TR> <TR> <TD width="40" align="center"> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;id=サイトID;prev" target="_blank" ><<</A> </TD> <TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;list" target="_blank" target="_blank">LIST</A> </TD><TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;random" target="_blank">RANDOM</A> </TD><TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;id=サイトID;next" target="_blank">>></A> </TD> </TR> </TABLE>


画像を使ったバージョンです。こちらもご自分のHPのデザインに合わせてカスタマイズして頂いて構いません。
もし画像を再作成した場合は、提供して頂けるとうれしいです。
下記ソース部のサイトIDとなっているところを、ご自分のサイトIDに変更して下さい。
<< LIST RANDOM >>

<script Language="JavaScript"> <!-- function change(xID,bacol,size,col) { document.all[xID].style.backgroundColor = bacol; document.all[xID].style.fontSize = size; document.all[xID].style.color = col; } --> </script> <TABLE ><tr><td> <TABLE style=" background-color: #C0C0C0; border: solid 1px #000000; height:40; width:200; border-top-width: 2px; border-left-width: 8px; border-right-width: 8px; border-bottom-width: 2x; font-size: 9pt; font-weight: 600; text-align:center;"> <TR> <TD align="center" colspan="4"> <A href="http://one.1ne.cc/webring/" target="_blank" > <img src="./ring.gif" border="0"> </A> </TD> </TR> <TR> <TD width="40" align="center"> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;id=サイトID;prev" target="_blank" id="no01" onMouseover="change('no01','#FFFFFF','9pt','#C0C0C0')" onMouseout ="change('no01','#C0C0C0','9pt','#888888')" ><<</A> </TD> <TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;list" target="_blank" target="_blank" id="no02" onMouseover="change('no02','#FFFFFF','9pt','#C0C0C0')" onMouseout ="change('no02','#C0C0C0','9pt','#888888')" >LIST</A> </TD><TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;random" target="_blank" id="no03" onMouseover="change('no03','#FFFFFF','9pt','#C0C0C0')" onMouseout ="change('no03','#C0C0C0','9pt','#888888')" >RANDOM</A> </TD><TD> <A style="TEXT-DECORATION: none; color: #888888;" href="http://www.webring.ne.jp/cgi-bin/webring?ring=shousei;id=サイトID;next" target="_blank" id="no04" onMouseover="change('no04','#FFFFFF','9pt','#C0C0C0')" onMouseout ="change('no04','#C0C0C0','9pt','#888888')" >>></A> </TD> </TR> </TABLE>


HOME