« 2012年9月 | メイン | 2013年5月 »

2013年1月

2013年1月21日 (月)

ラベルの背景色を変更したい

こんな時にどうぞ

Zenbackのデフォルトテーマのラベルの色は、各ソーシャルメディアのテーマカラーに合わせて緑や青に塗られています。これを自分のサイトのテーマカラーに合わせたい場合は、以下のように設定してください。

2013/08/08 おしらせ欄のラベルの背景色も変更できるよう、アップデートいたしました。

コード

<style>
/* ラベルの背景色を pink に変更 */
#zenback #zenback-widget #zenback-news-hasimage .zenback-module-label,
#zenback #zenback-widget #zenback-related-article .zenback-module-label,
#zenback #zenback-widget #zenback-related-links .zenback-module-label,
#zenback #zenback-widget #zenback-twitter .zenback-module-label,
#zenback #zenback-widget #zenback-hatena-bookmark .zenback-module-label,
#zenback #zenback-widget #zenback-facebook-comment .zenback-module-label,
#zenback #zenback-widget #zenback-powered img {
	background-color: pink;
}

/* 各項目の上部の線を pink に変更 */
#zenback #zenback-widget #zenback-news-hasimage .zenback-module-content,
#zenback #zenback-widget #zenback-related-article .zenback-module-content,
#zenback #zenback-widget #zenback-related-links .zenback-module-content,
#zenback #zenback-widget #zenback-twitter .zenback-module-content,
#zenback #zenback-widget #zenback-hatena-bookmark .zenback-module-content,
#zenback #zenback-widget #zenback-facebook-comment .zenback-module-content {
	border-color: pink;
}

/* Zenbackロゴの背景色を pink に変更 */
#zenback #zenback-widget #zenback-powered {
	border-top: 1px solid pink;
}
</style>

で、どうなるの?

ラベルの部分が全部共通の色になりました。

続きを読む "ラベルの背景色を変更したい" »

ここは何のブログ?
ここは、Zenbackっていうブログパーツのデザインカスタマイズをご紹介するブログです。Twitter @zenback のなかのひとが運営しています。

設定方法など、よくわからなくなっちゃったら、「Zenback デザインハックブログ: 【最初に読んでね】このブログの使い方」の記事をご覧ください。

サイト内検索

Twitter

RSS登録