徒然な情報ブログ☆娘

ジャイアンツ記事をメインに、その他きままに情報や感想や日記を

レイアウト変更(2)改定

2006年02月24日 | ブログデザインの経過

gooブログアドバンスに変更せずに、ちょっとだけタイトルの背景を変更する方法

まず編集メニュー →テンプレートの選択 →デザイン・テンプレートのジャンルから
【カスタム】のテンプレート一覧 →カスタムブルーを選択して下の方にある「変更する」ボタンを押して変更してください。
カスタムブルーの選択を前提に説明します。
 ※テンプレートをカスタムにしないとCSSの編集は使えません。

まず編集メニューのCSSの編集をクリックしてください。次に下の部分を見つけてください

/* ブログのタイトル部上 */
.headerLight {
 background-image: url();      ←①
 background-repeat: ;  ←②
 background-position: ;   ←③位置 center left right など
 background-color: ;     ←色(カラーチャート表参考
}
ここを変更することによってタイトルの背景を変更できます。
やり方は

自分のお気に入りの画像を使った背景にしたい人は
編集メニューから画像フォルダーで画像をアップロードしておき、画像を直接クリックして画像だけの画面を出し、上部のアドレス部分のURLを右クリックなどしてコピーしておきます。
次に①の部分のurl()の()の部分の間にURLを右クリックして貼り付けます。

それで一度下部のプレビューボタンで画面を確認します。変わっていれば保存します。
新しくわかったことは好きな画像を挿入する場合、変更する前の段階の
サイズ(高さ)以上に大きい画像を挿入されても表示しきれないみたいです。
これを変更するにはgooブログアドバンスが前提になるみたいです

無料版はあらかじめ背景部分のサイズ以下に画像サイズを調整してください。
裏技…タイトルの文字を大きく変更すると背景画像サイズが広がります。
/* ブログのタイトル */
.bTitle {
 font-size: 20px;   ←ここの部分

②画像の繰り返し。
画像を繰りかえさない :no-repeat;
画像を横に並べる :repeat-x;
画像を縦に並べる :repeat-y;

タイトルのフォントの変更
次の部分を捜してください

/* ブログのタイトル */
.bTitle {
 color: ;           ←色(カラーチャート表を参考にしてください)
 font-size: px;             ←大きさ(数値)
 font-weight: bold;             ←太字
 font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka;               ←書体
}

書体の変更は先頭に書かれたものが優先順位になります。

毛筆体は  cursive をfont-family:の次に入力して ,  カンマでつないでください
他の書体 fantasyなど

例 font-family: cursive,'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka;
のようにしてプレビューで確認してください。変更されていれば保存してください。
ほかにもここで使える書体はありますが知りませんのでほかの種類を知っている方は教えてくれたらありがたいです。



最新の画像もっと見る