得する情報・役立つ情報・うぷぷな情報！

【役立つ情報】

ブログもカラーレイアウトをちょっと変更するだけでイメージが変わりますよね。

カラー変更やイメージデータの変更は簡単にできます。

あなたのブログもイメージチェンジされてはいかがですか。

変更方法は

利用されているブログによって操作方法は異なりますが、Webデザイン上では、スタイルシートのCSSファイルのカラー指定を変更するだけです。

ファンブログの場合、【スタイルの編集】メニューをクリックします。
スタイルシートの編集画面が表示されます。

または【デザインの変更】メニューをクリックすると、上部に【フリースキンの編集】メニューがあります。このメニューの【スタイルシート】をくりっくすると、スタイルシートの編集画面が表示されます。



利用されているスキンの種類によって、スタイルシートの内容は異なります。
スタイルシートの変更したい箇所のカラーを変更します。

【変更例】
　　/* ヘッダー / フッター背景 */
　　#header { background: #808000; }
　　#footer { background: #808000; }

これは、ブログのヘッダーとフッターのバックカラー（背景色）指定を表しています。
#808000 の部分がカラーNoを表しており、このカラーNoを変更することによってバックカラー（背景色）が変更できます。



スタイルシートの基本的な記述ルールは、「セレクタ」、「属性」、「値」の3つを組み合わせて定義します。

　　セレクタ：スタイルを適用する対象を示します。
　　属性：適用するスタイルシートの種類を入力します。
　　値：属性の値を入力します。

属性とその値は、「:」で区切り、「{」と「}」でひとまとめにします。

セレクタ {属性: 値; }
#header {background: #808000; }


１つのセレクタに、複数の属性と値を設定する場合は、「;」を使って属性:値を区切ります。

セレクタ {
　　　属性: 値;
　　　属性: 値;
　　　属性: 値;
　　　　}

#footer {
　　　margin-top: 15px;
　　　padding: 8px;
　　　text-align: right;
　　　　}



WebカラーNoについては、こちらのサイトを参考にしてください。
☆彡 WEBカラーリファレンス
http://www.htmq.com/color/index.shtml


スタイルシート
☆彡 スタイルシートリファレンス（目的別）
http://www.htmq.com/style/index.shtml



気分を変えて、リフレッシュしてくださいね！