解決済

clip!clip!
Ads By Google

ブログのタイトル部分に画像を入れたいのですが・・・。

はじめまして~!

現在使っているデザインのタイトル部分に画像を入れたいのですが、
入れると画像にサイドバーと本文が重なってしまいます。

使っているデザインはBlackframeです。

過去のログなどを参考にして、カスタマイズのスタイルシートで
#banner,#subbannerのheight:97px;を
使いたい画像の240pxに合わせたいのですが、どうもうまくいきません。

ぜひご教授をお願いいたします。

2007-01-28 05:03の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

2.

2007-01-29 01:18:21ベスト
推測でアドバイス致します。
バックアップをとった上でお試し下さいませ。

まず確認なのですが、#banner,#subbannerのheight:97px;をheight:240px;に変更なさってもダメだったということで良いでしょうか?
もし試しておられなければ、まずはそちらをお試しになって下さい。

別の方法として…
#blogcontainerのpadding部分を見て下さい。
いくつか数字が並んでいるかと思います。
その一番最初の部分の数字を増やしてみて下さい。
その部分が上部との隙間を設定する部分なので、その数字を増やせば本文やサイドバーが下に下がります。
丁度良い具合に見えるように調整なさってみて下さい。
おそらく1回で上手くはいかないと思うので試行錯誤することになりますが…。(^^ゞ
CSSの再構築をして状況を確認しつつ、頑張って下さい。
良ければお試し下さい。

この説明で分からない所がありましたら、コメント欄からお尋ね下さいませ。
回答レベル : アドバイス
Ads By Google

コメント(5)

#1.  
2007-01-29 01:49:48

アドバイスありがとうございます!
ご指摘の通りheight:97px;をheight:240px;へ変えても
サイドバー、本文に画像が重なってしまう状態でした。

望さんのおっしゃる、#blogcontainerのpadding部分という所なのですが、
スタイルシートを見たところ、その部分が見当たりません・・・。

ですが、参考にして
.blog{
position:absolute;
top:97px;

となっている所を240px;に変えたところ、
本文の部分だけを下げることが出来ました!
サイドバーも下げようとスタイルシートを見てみたのですが、
どこをいじればいいのか分かりません・・・。

またアドバイス頂ければ幸いです。

2007-01-29 02:11:47

迅速な対応ありがとうございます。
デザインテンプレートによって記述が違うので、上手くアドバイスできなくてすみません。(>_<)

サイドバーの部分は、#leftや#rightという部分の筈ですが、ありますか?
.blogの時と同様に変更なさると上手く変えられるのではないかと思います。

あと、蛇足かもしれませんが、
position:absolute;
というのを削除するとタイトル部分との重なりはなくなるのではないかなと思います。(この記述を消すとまたズレてしまうかもしれませんが…)
もし良かったらバックアップをとった上でお試し下さい。

また結果を教えて頂ければ幸いです。

#3.  
2007-01-29 02:41:22

ありがとうございます!
まず結果を報告させていただくと、成功しました!

テンプレートごとに記述が違うのは、
なんとなく分かっていたので全く気にしていませんでした(笑)

position:absolute;を削除してみる、というのを一番最初に試してみたのですが、
再構築したところ、本文の画像、文章の全てが
サイドバーに移動してしまいました。
バックアップのアドバイスのおかげで元に戻せました!


(文字がオーバーしてしまったので続きます・・・。)

#4.  
2007-01-29 02:41:54

(続きです。)

#left、#rightの所ですが、#rightは0px;となっていたのでいじらずに、
#leftの数値を変えて見たところ、本文の文章の開始位置が右へずれました。
恐らく.blogの#leftをいじってしまった為です。

最終的にいじったのは、
#links{
position:absolute;
top:110px;
left:20px;
width:190px;
padding:25px 0px 30px;

こちらのleft:20px;をいじったところ
サイドバーが右へずれたので、これを戻し、
padding:25pxを170px;程度に変えてみたら
程よくサイドバーが下へずれました!

これでようやくタイトル部分の背景を表示することができました。
こちらが完成品になります↓(笑)
http://blog.livedoor.jp/shinan0496/

望さん、ありがとうございました!!

2007-01-29 04:58:52

無事カスタマイズできたとのこと、とても嬉しいです!!(*^_^*)
お疲れ様でした。(^o^)
ブログを拝見しましたが、スッキリと格好良く素敵ですね。
アチャさんの努力の結果で、本当に素晴らしいです。(*^_^*)
私の拙いアドバイスでベストを頂くのは恐縮なくらいです。すみません…(^^ゞ
また何かありましたらご質問なさって下さいね。

トラックバック(2)

トラックバックURL: