gooブログで趣味のブログをしています。
今回、テンプレートを変えたのですが(カスタムテンプレート)、
ヘッダー(タイトルバナー)に画像を入れたいと思っています。

そこでCSSをいじってみたのですが、
上手くいきません。

ちなみに、このようにしてみました。
(画像のURLを入れてみました。)


/*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/
/*--
background-image:url(<img src="http://blogimg.goo.ne.jp/user_image/48/99/769bf4 … border="0">);
background-position: center top;
background-repeat:no-repeat;
--*/
/*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/
height:200px;
}
/*-- ブログタイトルの開始位置の設定 --*/


ほかにどこか変えないといけない箇所があるのでしょうか?
教えてください。
どうかよろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

「コメントを外してください」の部分を見落としてました。



/*--
background-image:url(<img src="http://blogimg.goo.ne.jp/user_image/48/99/769bf4 … border="0">);
background-position: center top;
background-repeat:no-repeat;
--*/

上記の部分の/*--と--*/を削除して

background-image:url(http://blogimg.goo.ne.jp/user_image/48/99/769bf4 …);
background-position: center top;
background-repeat:no-repeat;

これでどうでしょうか。
    • good
    • 0
この回答へのお礼

上手くいきました!!

ほんの少しのことでも反映されないものなんですね。
とても助かりましたし、勉強になりました。

本当にありがとうございました。

お礼日時:2011/04/21 02:35

画像が表示されずにオリジナルのまま表示される、


ということでしょうか?
編集したCSSファイルは保存していますか?
うまく表示できないので元に戻しているのでしょうか。

ブログを確認したところオリジナルのままでした。

気になったのは画像の大きさと、CSSでの画像の高さの指定が
合っていないという事です。
画像の表示が崩れている=上手くいかない
のであれば

/*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/
height:423px;
width:766px;

このように縦と横の大きさを直してください。
この数値は魚画像のものなのでこのまま使えます。
    • good
    • 0
この回答へのお礼

何度もありがとうございます。

画像の表示が崩れている=上手くいかない

ではなくて、どうしてもオリジナルのままなのです。


今のCSSはこうなってます。

/*-- タイトルバナー内部の設定 --*/
#title-banner-body {
border-bottom:solid 2px #5ca1d6;
width:100%;
/*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/
/*--
background-image:url(http://blogimg.goo.ne.jp/user_image/48/99/769bf4 …);
background-position: center top;
background-repeat:no-repeat;
--*/
/*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/
height:423px;width:766px;



以前のテンプレートではURLを入れるだけで上手くいきましたし、
画像の幅も自分で数値を変えて上手くいったのですが。
(そのときは「シンプル」ジャンルでした。)


すみませんが、何か思いつくことがありましたら、
よろしくお願いします。

お礼日時:2011/04/21 00:19

htmlとごっちゃになっているようです。


background-image:url(<img src="http://blogimg.goo.ne.jp/user_image/48/99/769bf4 … border="0">);

このように直してみてください。
background-image:url(http://blogimg.goo.ne.jp/user_image/48/99/769bf4 …);
    • good
    • 0
この回答へのお礼

ありがとうございます。

おっしゃるようにもしてみたのですが、
それでも上手くいきません。
他に直すべきところがあるのでしょうか?

ちなみに、CLアドバンスというテンプレートを
使っています。

せっかくお答えしていただいたのに
申し訳ありません。

お礼日時:2011/04/20 22:42

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qgooブログで記事全体のフォントを大きくするには

gooブログでの質問です。
新規投稿をすると記事全体の文字サイズが小さく表示されるようになりました。
ブラウザの表示の問題ではなく今月の投稿記事の途中からそれ以前の文字サイズより小さくなっています。
以前投稿していた頃の大きさに戻すにはどうすればいいでしょう?

最近テンプレートをカスタムテンプレートに変更したのですが、そのことと何か関係あるのでしょうか?

Aベストアンサー

> ジャンルが「シンプル」名称「ブログ右」です。

うわぁ、ちょっと苦手なヤツだ !(汗
「シンプル」のテンプレートでも、「ノート」と「ブログ」の2タイプだけは正直訳が分からないところがありまして‥ ( ^^;
でも、取りあえず下記のことを試してみてください。これは、お使いのブラウザがInternetExplorer6だろうという前提での説明です。

編集画面で「テンプレート編集」を開くと、テキストエリア内のCSSデータの最後の方に次の見出しから始まる部分があります。

/*IE5/5.5 Win -------------*/

この中でフォントサイズを段階指定(font-size:small;など)している部分が全部で7ヶ所ありますので、それぞれ次のようにピクセル数の数値指定に書き直してください。

font-size:small; → font-size:15px;
font-size:x-small; → font-size:13px;
font-size:xx-small; → font-size:12px;

これで文字が大きくなると思います。もっと大きくしたい場合は、ピクセル数を増やします。
ちなみに、IE6なのになぜ「IE5/5.5 Win」の部分を直すのかとは訊かないでください。私にもさっぱり分かりません(笑)

上手く行くといいんだけど‥ ( ^^

> ジャンルが「シンプル」名称「ブログ右」です。

うわぁ、ちょっと苦手なヤツだ !(汗
「シンプル」のテンプレートでも、「ノート」と「ブログ」の2タイプだけは正直訳が分からないところがありまして‥ ( ^^;
でも、取りあえず下記のことを試してみてください。これは、お使いのブラウザがInternetExplorer6だろうという前提での説明です。

編集画面で「テンプレート編集」を開くと、テキストエリア内のCSSデータの最後の方に次の見出しから始まる部分があります。

/*IE5/5.5 Win -------------*/...続きを読む


人気Q&Aランキング

おすすめ情報