ブログカスタマイズ【デザインを青バージョンにする方法】

ピンクバージョンが出来たところで、
もしもシリーズです。

もしも、営業さん向けの日誌ブログがあったとしたら…

と、いうことで青バージョンを作ってみました。

★青バージョンへの道のり★
１．デザインを考える
２．画像をアップロード
３．スタイルシート編集

基本はこのスリーステップ!!

早速、営業さん仕様のデザインを開始♪
 
fireworksで作成しています。
画像を書き出したら、アップロードします。

スタイルシートを編集して画像のURLを変更します。
今回は基本はピンクの時の２カラムのまま作成。

作業完了です。

ピンク系カスタマイズ、基本完了しました!!!

ヘッダー画像
メニュー
背景
記事背景
記事タイトル
読者になるボタン設置
サイドメニューアイコン
今回はピンク系でまとめてみました。
違う雰囲気のスキンも作ってみたいと思います（＾＾

サイドバーにもリボン画像を入れてみました♪

タイトルにリボンを入れたら、なんだかサイドメニューにもおそろいのリボンを入れたくなってしまいました。

ということで、サイドバーにも同じ画像を使ってカスタマイズしたいと思います！

以下の記述を探します。

/* (3-8) サイドバー　メニュー
--------------------------------------------*/

ここの部分がサイドバーの変更部分です。

現在のテーマがピンク系なのでその色に合わせてバックグラウンドも変更しました。

/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
padding:10px 0 10px 50px;
background:url(http://画像のＵＲＬ );
background-repeat:no-repeat;
background-position:10px 50%;
background-color:#ffcccc;/* ←サイドメニューのタイトルに背景を敷きたいとき */
}

これでサイドバーのメニューの隣にリボンが出来ました

かわゆいー