カスタマイズ例・共有ボタン設置プラグイン
ども、楽しいアメブロカスタマイズのみけねこ(ニャ~♪)です。
プラグインで設置する記事共有ボタンをCSSでカスタマイズしてみました。
こんな感じ↓

CSSが編集できる場合は、背景色、背景画像等、カスタマイズできます。
CSSはこちら
カスタマイズ例2

ボタンがmkshbtnクラスの<div></div>に入っています。
クールな背景画像ができたらお知らせください。
みけねこ(ニャ~♪)でした。
【 共有ボタン設置プラグイン 】
プラグインで設置する記事共有ボタンをCSSでカスタマイズしてみました。
こんな感じ↓

CSSが編集できる場合は、背景色、背景画像等、カスタマイズできます。
CSSはこちら
.mkshbtn{
padding-bottom:20px;
background-image: url(http://stat.ameba.jp/user_images/20140819/10/tortoiseshell/f7/9c/p/o0540008013039509938.png);
background-repeat: no-repeat;
background-position: center bottom;
}
padding-bottom:20px;
background-image: url(http://stat.ameba.jp/user_images/20140819/10/tortoiseshell/f7/9c/p/o0540008013039509938.png);
background-repeat: no-repeat;
background-position: center bottom;
}
カスタマイズ例2

.mkshbtn{
padding-bottom:20px;
background-color: #F0F8FF;
background-image: url(http://stat.ameba.jp/user_images/20140819/10/tortoiseshell/f7/9c/p/o0540008013039509938.png);
background-repeat: no-repeat;
background-position: center bottom;
border-width: 4px;
border-color: #4682B4;
border-style: ridge;
}
padding-bottom:20px;
background-color: #F0F8FF;
background-image: url(http://stat.ameba.jp/user_images/20140819/10/tortoiseshell/f7/9c/p/o0540008013039509938.png);
background-repeat: no-repeat;
background-position: center bottom;
border-width: 4px;
border-color: #4682B4;
border-style: ridge;
}
ボタンがmkshbtnクラスの<div></div>に入っています。
クールな背景画像ができたらお知らせください。
みけねこ(ニャ~♪)でした。
【 共有ボタン設置プラグイン 】