このページの編集用画像

レイアウト変更を試してみました2005年05月05日 11時20分51秒

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

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

TAMO’s HOME 別荘(メインblog)

スタイルシート編集2005年05月05日 15時05分10秒

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

一発で成功しました.
私が使用している引用のデザインは以下の通りです.
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
}

TAMO’s HOME 別荘(メインblog)

ユーザー名変更2005年05月05日 17時11分06秒

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

TAMO’s HOME 別荘(メインblog)

文字を普通サイズにしました2005年05月05日 17時58分23秒

文字を普通サイズにしました.
変更した部分は以下の赤字部分です.
body {
  background-color: white;
  color: black;
  /*font-size: small;*/
}

TAMO’s HOME 別荘(メインblog)

色を変えました2005年05月05日 18時30分17秒

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

TAMO’s HOME 別荘(メインblog)

タイトルにアイコンを追加しました2005年05月05日 19時09分09秒

タイトルの先頭にぼたんの花を追加しました.
まず写真から花の部分を切り取り,サイズを30px×30pxに縮小してから,余分なところを白色で塗り,その部分を透過したgifファイルにして別館のエリアにUPしておき,スタイルシートを以下のように編集しました.
.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;
}

TAMO’s HOME 別荘(メインblog)

サイドメニューの文字も2005年05月05日 21時45分53秒

サイドメニューの文字も大きくしました.
.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;
}

TAMO’s HOME 別荘(メインblog)