ＴＡＭＯ’ｓ　朝風呂具

今朝　管理画面をチェックすると　やっとブログレイアウト設定が有効になっていました．
すべてのパターンを試しましたが，期待通りの動作でした．

私は，当初の右側サイドメニューが好きなので元に戻しました．

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）

午後確認したら，スタイルシート編集メニューが有効になっていましたので，早速試してみました．
変更した部分はＨ１に昨日撮影したぼたんの花の写真を花子フォトレタッチ３で油絵風に変えてから，濡れたガラス効果を使って作成した画像を背景にした点と，引用をココログのｂｌｏｇで使用しているスタイルに変更した点です．

一発で成功しました．
私が使用している引用のデザインは以下の通りです．

blockquote {
　　background-color:#ccffcc;
　　margin-left:5px;
　　margin-right:5px;
　　padding-top:5px;
　　padding-left:5px;
　　padding-bottom:5px;
　　padding-right:5px;
　　border-top:#006600 1px solid;
　　border-left:#006600 5px solid;
　　border-bottom:#006600 1px solid;
　　border-right:#006600 1px solid
}

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）

今度は　ユーザー情報メニューが有効になっていました．
早速　変更しました．

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）

文字を普通サイズにしました．
変更した部分は以下の赤字部分です．

body {
　　background-color: white;
　　color: black;
　　/*font-size: small;*/
}

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）

#B1B1B1と指定されているところを#006600に変更しました．

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）

タイトルの先頭にぼたんの花を追加しました．
まず写真から花の部分を切り取り，サイズを30px×30pxに縮小してから，余分なところを白色で塗り，その部分を透過したｇｉｆファイルにして別館のエリアにＵＰしておき，スタイルシートを以下のように編集しました．

.msg-title {
　　font-size: medium;
　　color:#006600;
　　line-height:1.5;
　　background-color:#ccffff;
　　background-image:url(http://www.asahi-net.or.jp/~nr3t-knhr/asablog/titleicon.gif);
　　background-position:left top;
　　background-repeat:no-repeat;
　　border-left:solid 1px #006600;
　　border-bottom:solid 1px #006600;
　　font-weight:bold;
　　padding-top:3px;
　　padding-bottom:3px;
　　padding-left:30px;
}

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）

サイドメニューの文字も大きくしました．

.mod-caption { 　　font-size: medium;
　　color:#336633;
　　line-height:1.3;
　　font-weight:bold;
　　text-align:left;
　　padding-top:4px;
　　padding-bottom:2px;
　　padding-left:4px;
　　border-left:solid 4px #006600;
　　border-bottom:solid 1px #006600;
}
.mod-text {
　　font-size: medium;
　　color:#333333;
　　text-align: left;
　　line-height: 1.3;
}
.mod ul {
　　margin-left: 0;
　　padding-left: 0;
}

.mod ul li {
　　margin-left: 0;
　　font-size: small;
　　padding-left: 1em;
　　list-style-type: none;
}

ＴＡＭＯ’ｓ　ＨＯＭＥ　別荘（メインｂｌｏｇ）