SeeSaaブログのデザインをカスタマイズする(サイドバーとリンク色の変更)

header部が変更されだいぶイメージが変わったのでそれに合わせサイドバーなどを変更します。

CSSを変更します。
■まずはカレンダー部

の background-color:#F1F1F0;
を background-color:#89C319;

color:#5D5D5D;
を color:#FFF;

の color:#5D5D5D;
を color:#FFF;

にそれぞれ変更します。

■sideberタイトル部

の background-color:#ECECEB;
を background-color:#89C319;

に変更し color:#FFF;
を追加します。

緑ばっかりになってしまったので、リンクのテキストをオレンジにします。

のカラーを #FF6633 に変更します。

変更前

WS00127

変更後

WS00128

こんな風に変わりました。

デザインのコツとしては、同系色や反対色をうまく使うと少ない色でうまくまとまります。


コメントを残す