※携帯（パケ代定額制以外）の方は、PCで見た方がいいかもです＾＾;
どもっ。今月から、My Clipが使えなくなる（予定）だったので
CSSにタグを直接書き込んで、メロちゃんストラップとメロタブを
表示させる方法を書いてみるちぃです。コニチワ。
が…My Clipは6月いっぱいまで使える（延期）らしいので、この
記事はまたMy Clipが完全に飛んだら、TOPに持ってきます（笑
というかこれはちょこっと名物本舗 の、のぶさんの記事 に書いて
あったんだけど、そのまま使ってしまうと他のプラグインへの影響も
あります（改良の余地あり）。とあったので、その解決方法をば。
ちなみに、メロちゃんのプラグインしか使ってない人には全く問題
ないんだけど、他のプラグイン（忍者のアクセスカウンター、Cotan、
忍者orFC2の解析、cookclock、ラクガキボード）を使っている人が
CSSでメロちゃんストラップとメロタブを付ける場合は、メロちゃんを
どのサイドバーに設置するか、先に選ばないといけません><
というのも。1つのサイドバーに、メロちゃん以外のプラグインを
入れると、とんでもないコトが起こっちゃいますので、絶対に
どれか1つのサイドバーで、メロちゃんを単独使用して下さい
スクラップブックはプラグインじゃありませんよ～＾＾
では早速。メロちゃんのプラグインしか使ってない人用はこれ↓
/* メロタブ */
.plugin a img {
visibility: hidden;
width: 140px; /* メロタブ画像の幅 */
height: ??px; /* メロタブ画像の高さを指定 */
}
.plugin a,#plugin a:link {
background-repeat: no-repeat;
background-image: url(***メロタブのURL***);
font-size: ??px; /* メロタブの高さ +10 に設定 */
}
.plugin a:hover {
background-repeat: no-repeat;
background-image: url(***カーソルが乗ったときのメロタブのURL***);
font-size: ??px; /* メロタブの高さ +10 に設定 */
}
.plugin a:active {
background-repeat: no-repeat;
background-image: url(***クリック時のメロタブのURL***);
font-size: ??px; /* メロタブの高さ +10 に設定 */
}
/* メロストラップ */
.plugin {
background-image: url(***ストラップのURL***);
background-repeat: no-repeat;
background-position : right ??px; /* ?? はストラップの高さ */
}
メロちゃん以外のプラグインも使ってます！で、メロちゃんを
左のサイドバーに設置する事にしました！って人用はこれ↓
/* メロタブ */
#sub_a .plugin a img {
visibility: hidden;
width: 140px; /* メロタブ画像の幅 */
height: ??px; /* メロタブ画像の高さを指定 */
}
#sub_a .plugin a,#sub_a .plugin a:link {
background-repeat: no-repeat;
background-image: url(***メロタブのURL***);
font-size: ??px; /* メロタブの高さ +10 に設定 */
}
#sub_a .plugin a:hover {
background-repeat: no-repeat;
background-image: url(***カーソルが乗ったときのメロタブのURL***);
font-size: ??px; /* メロタブの高さ +10 に設定 */
}
#sub_a .plugin a:active {
background-repeat: no-repeat;
background-image: url(***クリック時のメロタブのURL***);
font-size: ??px; /* メロタブの高さ +10 に設定 */
}
/* メロストラップ */
#sub_a .plugin {
background-image: url(***ストラップのURL***);
background-repeat: no-repeat;
background-position : right ??px; /* ?? はストラップの高さ */
}
…この2つの違い、分かりましたでしょうか？下のタグには
全ての .pluginの前に、#sub_a を付け足しています。
右のサイドバーに設置する人は、#sub_a ってところを全部
#sub_b に変えれば
です。
これをCSS編集ページの、一番下にコピペすれば…メロタブ&
メロちゃんストラップも、My Clipいらずで設置完了～
で、私と同じメロタブなら ??のところ（メロタブ画像の高さ）は59px、
（ストラップの高さ）は45pxにすると、同じように表示されます♪
基本的に、CSSのタグの中身そのものはのぶさんの記事
のパクリ
を参考にしているので、TB送らせてもらいます
この記事に点数をつける