スキンカスタマイズ③

３．タイトル画像

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ カラムタイプ ■■■■■■■■■■*/

#header {
background-image: url(画像URL);
}
スキンのカスタマイズを選択し画像を追加
画像はアメブロの画像フォルダにアップしプロパティで画像のURLを表示
コピーし直接CSSの編集で張り付けることもできる。

#header {
height: 300px;
}

#header {
background-repeat:no-repeat;
}
画像を連続表示したくないときno-repeatにする。
標準ではリピート設定になっている。

#header {
background-position:right;
画像の位置を設定する。
left
center
right

とりあえず、コレでおしまい
以上ど素人の簡単カスタマイズでした。



参考：CSSレイアウト実践講座（別窓）

スキンカスタマイズ②

２．ブログタイトルと説明

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■■*/

/*■■■基本設定 - ヘッダー*/

/*■■■デザインカスタマイズ - ヘッダー*/

/*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
}
私はしていませんが
text-align:でタイトルの位置がずらせます
left
center
right

/*■ブログ説明*/
#header h2{
font-weight:normal;
line-height:1.2;
width:300px;
white-space:pre;
}
太字部分追加でブログ説明の改行が可能になります
width:300px;のあとに background:色番号;　を挿入することで
説明の背景に色をつける事ができます



参考：CSSレイアウト実践講座（別窓）

スキンカスタマイズ①

初心者にできるカスタマイズ
スキンCCSの編集を選択し
ちょっとだけ追加したりちょっとだけ消したりする

１．記事タイトルの背景について

/*============ ☆ かんたんスキンカスタマイズはこちら ☆ ==============*/

/*７）記事タイトルの背景色を変更する*/
.entry h3.title{
background-color:#FFFFFF ; /*-- 薄いグレー --*/
margin:0; padding:0;
background-image:url(　　);left top ;
line-height:39px;
background-position:left;
}
太字部分を追加しタイトルの背景に画像を入れました。




参考：CSSレイアウト実践講座（別窓）