ブログのカスタマイズ６ （ブログ表示幅の変更と背景変更）

ブログ変更最終です。標準寸法では、ブログ小技のページが
表示不良となるため、サイズ変更をしました。また、背景をパープル
(#800080)に変更しました。

ブログ全体幅を広げると、左メニュー部分が広がり、目的の本文
部分が広がらないため、左メニュー部分も変更しました。変更内容を
以下に示します。


/* ページ全体囲み　*/
#content{
margin: 0px auto;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
background-color: #FFFFFF;
text-align: left;
width: 900px; 　　　 760px標準　　

/* エントリー背景　*/
#entry{
float:right;
width : 690px;　　　　　　550px標準　　
padding: 15px 15px 15px 0px;
overflow: hidden;
height:100%;

ブログのカスタマイズ５ （タイトル文字の変更）

タイトル画像サイズを高くしようとしたらサイズ指定が見つからないため、
現行のままとした、画面の横サイズは、下記内容で指定されているよう
試しにwidth: 500px; に変更したら、画面が崩れてしまった。

/* ページ全体囲み　*/
#content{
margin: 0px auto;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
background-color: #FFFFFF;
text-align: left;
width: 760px;


ブログタイトルと概要の文字が見えないため白(#F5F5F5)に変更
変更内容は下記（赤が変更部分）

/* ブログのタイトル */
.bTitle {
color: #F5F5F5;

/* ブログの概要 */
.bDesc {
text-align: left;
padding-bottom:6px;
font-size: ;
color: #F5F5F5;

これで本日の作業は終了。

ブログのカスタマイズ４ （タイトル画像の変更）

トップ画像に教室外観写真を入れました。テンプレートはオリジナルが高さ変更が
できないため、シンプルに変更（クリアグレー左メニュー）しました。
必要なサイズの写真がタイトル画面に綺麗に入らないため、写真サイズをいろいろ変更し（Ｗ６００～１２００）投稿したところ、現在のテンプレートはＷ７６０で
画面サイズに収まりました。高さは元サイズＨ３２６では下が欠けるため、表示領域サイズの変更が必要です。

ブログのカスタマイズ３ （タイトル画像の挿入）

トップ画像に教室外観写真を入れました。テンプレートはオリジナルが高さ変更が
できないため、シンプルに変更しました。とりあえず写真は、入りましたが、レイアウト、タイトル文字など改良の必要がたくさんあります。今日はここまで。