kuu♪からのお知らせ
新しいサイト Harbot's field内の「ssブログ(so-netブログ)のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
ヘッダーに画像を入れよう(ブログトップ部分) [ヘッダー・フッダー]
【ヘッダーに画像を入れよう(ブログトップ部分)】
ソネブロ新ヘッダー対応版です。
変える部分を赤 オレンジで書いています。
/*-----Header-----*/
11/21以前よりカスタムスキンを作っている方は 11/21以降に新しいスキンで作ろうとした方は、ヘッダーを指定する記述がないと思います。 |
①/*-----Header-----*/に .sbHeader { を書き加えます。
②line-height:40px;を足しましょう。(数字は40じゃなくてもいいです。素材にあわせて変えます)
.sbHeader { |
次に
/*-----Header-----*/
11/21以前よりカスタムスキンを作っている方は 11/21以降に新しいスキンで作ろうとした方は、ヘッダーを指定する記述がないと思います。 |
①/*-----Header-----*/ に .sbMenuR{ を書き加えます。
②入れたい画像を差し替えましょう入れましょう。
background:url(/blog/_images/blog/_7b3/*****/1234567.gif) no-repeat right center; のrightは右詰め centerは上下の真ん中揃えを意味します。
任意で変えてokです。
.sbMenuR{ |
〔記述例〕 /*-----Header-----*/
/*-----Header-----*/ .sbHeader { #sbHeader p { .sbMenuL{ .sbMenuR{ #banner { #banner h1{ #lead{ |
☆カスタムスキンのためのミニミニ素材を配布しています。
よろしければお使いください。
もちろんご自分の好きな絵でもOKです。
こんにちは。
またまたすいません;;
ヘッダーの部分が入りきらず切れてるようになってるんです。
私のブログを見ていただくと分かるんですが
画像が大きいのかそれともその幅のサイズ変えられる方法が
あるのかよく分からないので
教えてください><
by しずく (2008-12-19 11:14)
★しずくさん
見ましたよ^^
ヘッダーの高さは変えられたみたいですね。
画像が見えないのでなんとも言えませんけど、入りそうですか?
by kuu (2008-12-20 10:01)
bannerの方にいれたら調節できたんですけど
見えないって見えるはずなんですが^^;
by しずく (2008-12-20 11:58)
★しずくさん
どの画像のことですか?
もう少し詳しく、どういうふうにしたいのか教えてくださいね。
by kuu♪ (2008-12-20 15:04)