みけねこカルーセルのカスタマイズ いいね！カルーセル編

【 修正履歴 】

2017.5.4　リファラの仕様変更のため、スクリプトの呼び出し方を変更しました。

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




おもしろプラグインでアメブロをいじり倒すカスタマイズ

ども、楽しいアメブロカスタマイズのみけねこ（ニャ～♪）です。


いいね！カルーセルのカスタマイズ方法をご紹介します。

こちらのプラグインが設置されていることが前提です。

＞＞　【 配布開始 】みけねこプラグイン

いいね！カルーセル




設置したスクリプトのURLの部分（赤文字の部分）の後ろにパラメーターを追加することで、いいね！カルーセルの外観をカスタマイズすることができます。

<script>$.getScript("http://www.3kcat.net/p/mikec.jsp?icc=1&pcc=1&rcc=1&url=" + location.href)</script>

赤字の部分のすぐ後ろに後述のパラメーターを挿入して下さい。

<script>$.getScript("http://www.3kcat.net/p/mikec.jsp?icc=1&pcc=1&rcc=1ここにパラメーターを追加&url=" + location.href)</script>

【 枠の幅のカスタマイズ 】

&iwidth=400

※指定しない場合は、285px

【 リフレクション（鏡反射）のカスタマイズ 】

新ブログデザインの場合は、リフレクション（鏡反射）効果をつけることができます。
リフレクション（鏡反射）効果をつける場合は下記のパラメーターを追加します。

&ireflHeight=30

※赤文字の部分は反射画像の高さ（ピクセル）です。

【 枠の太さのカスタマイズ 】

&iborder-width=6

※単位はpx（ピクセル）です。

【 枠の種類のカスタマイズ 】

&iborder-style=ridge

※枠の種類
　solid, double, groove, ridge, inset, outset, dashed, dotted

【 枠の色のカスタマイズ 】

&iborder-color=FF0000

※色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【 背景の色のカスタマイズ 】

&ibackground=000000

※色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【 メッセージの文言のカスタマイズ 】

&itext=いいね！ほんとにいいの？

※指定しない場合は「いいね！ありがとう！」

【 メッセージの文字のサイズのカスタマイズ 】

&itext-size=24

※指定しない場合は18px

【 メッセージの文字の色のカスタマイズ 】

&itext-color=FFFF00

※色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【 いいね！してくれた人のニックネームの色カスタマイズ 】

&itext-color2=FFFF00

※色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【 背景画像のカスタマイズ 】

&ibgimg=http://stat.ameba.jp/user_images/20140718/23/tortoiseshell/1d/bb/p/o0290018013007140641.png

※指定しない場合は背景色で塗りつぶされます



プラグインでメッセージを表示させず、画像に直接メッセージを書き込む場合は

&itext= &ibgimg=～

のように&itext=のあとにスペースを入れてから&ibgimg=で画像のURLを指定します。

枠も画像に書き込む場合は、プラグインで表示する枠の幅を0にすることによって非表示にします。

&iborder-width=0

デフォルトの画像サイズは、幅285px、高さ180pxです。幅は広げることができます。

色の指定方法はこちらで　＞＞　色見本（カラーチャート）　ナスカ特製

ハッシュコード(#)抜きの文字を指定してください。



【 カスタマイズ例 】

<script>$.getScript("http://www.3kcat.net/p/mikec.jsp?icc=1&pcc=1&rcc=1&iwidth=400&ireflHeight=30&iborder-width=6&iborder-style=ridge&iborder-color=FF0000&ibackground=000000&itext=いいね！ほんとにいいの？&itext-size=24&itext-color=FFFF00&itext-color2=FFFF00&url=" + location.href)</script>

みけねこでした。




【 関連リンク 】

みけねこカルーセルのカスタマイズ　ペタカルーセル編

みけねこカルーセルのカスタマイズ　読者様カルーセル編