【 配布開始 】 ペタ３Ｄカルーセル

【 修正履歴 】

2014.7.15　背景画像を指定できるようにしました。


【 追記 】 今のところ新ブログデザインには対応していません。




みなさん、こんばんは、カルーセル麻紀のなりすまし、みけねこです。



ブ━━━━∵;（;:゜:鑾;゜;，）;:∵━━━ッ!!




今日、病院で８７歳のおばあちゃんが待合室でたまたま隣に座ったおっさんにいろいろと身の上話をしていました。
若い頃の苦労話を切々と語っていたんですが、最後のセリフがかっこよかった。



じいさんのタマキ○じゃあ、どうにもならない。

じいさんのタマキ○じゃあ、どうにもならない。





ブ━━━━∵;（;:゜:鑾;゜;，）;:∵━━━ッ!!





大事なことなので２回言ってました（笑）




今回配布するのはペタをつけてくれた人のプロフィール画像をくるくる動かすプラグインです。
（何事もなかったかのようにプラグインの話しに移りました）


カルーセルとはメリーゴーランドのことだそうです。

メリーゴーランドというよりも回転寿司っぽいなｗ

【 設置方法 】

　フリープラグインに下記のスクリプトを追加します。

<script type="text/javascript" src="http://petaplugin.appspot.com/mootools.js"></script>
<script type="text/javascript" src="http://petaplugin.appspot.com/peta3d.jsp?id=あなたのアメーバＩＤ"></script>

次にペタ３Ｄカルーセルを設置したい場所に<div id="carousel"></div>を貼り付けます。
記事、メッセージボード、フリープラグインに貼り付けることが出来ます。

背景画像つき

【 カスタマイズ例 】

<script type="text/javascript" src="http://petaplugin.appspot.com/mootools.js"></script>
<script type="text/javascript" src="http://petaplugin.appspot.com/peta3d.jsp?id=あなたのアメーバＩＤ&border-width=6&border-style=ridge&border-color=FF0000&background=000000&margin=30&bgimg=http://stat.ameba.jp/user_images/20140724/01/tortoiseshell/73/64/p/o0160016013012395121.png"></script>

border-width　・・・　枠の太さ(px)
border-style　・・・　枠の種類
　　　　　　　　　　　　(solid,double,groove,ridge,inset,outset,dashed,dotted)
border-color　・・・　枠の色
background　・・・ 背景の色
margin ・・・　上下のマージン(px)
bgimg ・・・　背景画像。指定しないと背景の色で塗りつぶされます。

赤い文字を自分の好みで変更して下さい。

色の指定方法はこちらで　→　http://color_chart.nazca.co.jp/



今回のプラグインは他のプラグインと干渉してエラーが生じる可能性があります。
他のプラグインが動かなくなった場合、またはこのプラグインが動かない場合は、こちらのプラグインのスクリプトを削除して下さい。



不具合報告はコメント欄に御願いします。



みけねこでした。



ポチっとすると喜ぶ人がいます　(・∀・)


にほんブログ村