上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
昨日は、複数のこうさぎキャラをランダムに表示する優れものTIPSを御紹介致しましたが、またもや優れものTIPSをこうさぎブロッガーの方が考案されました.

今回御紹介致しますTIPSは、blogを御覧になる方が自由に複数のこうさぎキャラを選択出来るTIPSです.

それでは、続きを御覧下さい.


複数のこうさぎキャラを自由に選択表示出来る

この素晴らしいTIPSを考案されたのは、blog「UnderDone」さんです.

CSSとJavascriptをblogに実装する事で、この素晴らしいTIPSを実現出来ます.

各ソースは、こちらからダウンロードして下さい.

こちらも昨日御紹介致しました、blog「The blog of H.Fujimoto」さんのこうさぎキャラのランダム表示TIPSと同様、表示が切り替るのは、こうさぎキャラだけでなく、各こうさぎキャラに設定されている背景やフレームも切り替るのです.

このTIPSに更に、こうさぎの留守番背景画像の表示機能を付加したソースをblog「KOROPPYの本棚」さんが公開されております.

留守番画像は、各こうさぎキャラ毎に設定出来ますので、キャラに合う留守番画像を設置するのも面白いですね.

更に、このTIPSもblog「The blog of H.Fujimoto」さんのこうさぎキャラのランダム表示TIPSと同様に、Channel@R3さんが開発されたツール「こうさぎウォール」との併用が可能なのです.

早速、当blogでも右サイドバーに3種類のこうさぎキャラ毎に3つの異なる背景画像を設定し、タブの切り替え毎に異なるキャラと背景を表示出来る様にしてみましたので、御試し下さい.

参考までに、blogへの実装方法を以下に記します.

NOTE:実装方法は、御利用されているblogホスティング・サービスにより異なりますので、以下の説明はあくまでも御参考程度に御覧頂き、御利用されているブログホスティング・サービスの方法に従って下さい.


blogへの実装方法:
説明は、blog「KOROPPYの本棚」さん公開のソースを基に説明致します.

1)CSSソース(最初の青で囲まれたソース)をblogのCSS部に貼り付けます.


2)処理部スクリプト(2番目の青で囲まれたソース)及び表示部スクリプト(3番目の青で囲まれたソース)をサイドバーに貼り付けます.


3)表示部スクリプトの中の「みゅみゅう」、「ポチテ」、「ころた」は、タブに表示される名前なので、好きなタブ名に変更すます.

NOTE:表示するキャラが3つ以下場合は、キャラの数に合わせて表示部スクリプト中の以下の部分を削除します.
<TD>
<DIV class=spc> </DIV>
</TD>
<TD>
<DIV id=head*>
<A href="javascript:seltab('box',%20'head',%2010,%20*)">タブ名</A>
</DIV>
</TD>


4)表示部スクリプトの中の
<DIV id=box*>
<table border=0 cellspacing=0 cellpadding=0 width=127 height=196 background="留守番背景URLg"><tr><td><script language="JavaScript" type="text/javascript" src="BlogPetスクリプトURL" charset="UTF-8"></script></td></tr></table>
</DIV>
の「BlogPetスクリプトURL」に、こうさぎコントロールパネル下部の「コード生成」に表示されるhttp://www.blogpet.net/js/*************.jsを貼り付けます.

NOTE:ダブルクウォーテション記号(" ")は、削除しないで下さい.


5)各キャラクタの背景画像に留守番画像を設置する場合は、表示部スクリプトの中の
<DIV id=box*>
<table border=0 cellspacing=0 cellpadding=0 width=127 height=196 background="留守番背景URLg"><tr><td><script language="JavaScript" type="text/javascript" src="BlogPetスクリプトURL" charset="UTF-8"></script></td></tr></table>
</DIV>
の「留守番背景URLg」に留守番背景をアップしているURLを貼り付けます.

NOTE1:ダブルクウォーテション記号(" ")は、削除しないで下さい.

NOTE2:表示するキャラが3つ以下場合は、キャラの数に合わせて表示部スクリプト中の上記5)の部分を削除します.
この記事へのコメント
ご紹介ありがとうございます
背景探しの参考にさせていただいているこちらで、
紹介していただけるなんて、光栄です。
ありがとうございました。

タブ表示やランダム表示など、ベータになってすぐ技が出てきて、
BlogPet熱の凄さを感じました。
2005/02/19(土) 21:15 | URL | KOROPPY #QFTSt91Q[ 編集]
はじめまして!
KOROPPYさん、はじめまして.

当blogに御越し頂き、コメントも頂き有難う御座います.

今回御紹介させて頂きました情報は大変に有益な情報であり、この様な情報を公開して頂いた事に感謝致します.

また、背景画像探しの御参考に当blogを御覧頂いている事、大変に嬉しく思います.

有難うございます.

これからも当blogを宜しく御願い致します.
2005/02/19(土) 22:11 | URL | altair_8800 #wO2hxIOE[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
http://altair8800.blog2.fc2.com/tb.php/48-3f2dcec7
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。