• ベストアンサー

テンプレート画像について

gooブログでテンプレートの上のタイトルの部分に自分で撮った画像を表示させたいのですが上手くいきません。 テンプレートは「シンプル」→「クリアホワイト左」を選択しています。 テンプレート編集画面の「ヘッダーの指定」というところで 「#header」の後ろに「background-image:url(画像のURL); という風に入力していますが、何故か画像が複数表示されてしまいます。画像を1枚、更に右側に寄せて表示させるのにはどのようにしたらいいのでしょうか? どなたかお分かりの方、ご指導くださいませ。

質問者が選んだベストアンサー

  • ベストアンサー
  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

background-repeat: no-repeat; background-position: right; を追加してみたらどうでしょう。

Ppanda23
質問者

お礼

ご回答頂きありがとうございました。 思う通りに画像を表示させることができました。 本当にありがとうございました。

関連するQ&A

  • gooブログで、テンプレート編集(CLアドバンス)

    gooブログの使い方、テンプレート編集(CLアドバンス)に従って、ヘッダーに画像を貼れないか、試みています。が、なにぶん知識のない小生のため、うまくいきません。ご指導ください。

  • gooブログオリジナルテンプレートの使い方

    現在gooブログ(有料版)を使っています。テンプレートもカスタマイズ用のCLアドバンステンプレートを選択し、CSSを使ってオリジナルの写真を使ったテンプレートに変更したいのですが、使い方がわかりません、使い方には1.タイトルの背景に画像を表示するには CSS編集エリアから以下の行を見つけます。 #title-banner-body{background:url("");height:130px;} 「background:url("");」の("")内に、画像のURLを記入します。 記述例:#title-banner-body{background:url("http://blogimg.goo.ne.jp/user_image/IMAGETITLE.jp");height:130px;}と書いてあるのですが、見つかりません、どなたか、テンプレートの変更の仕方詳しくわかる方はいませんでしょうか、どうか教えてくださいお願い致します。

  • fc2ブログのヘッダ画像の変え方

    自分で色々調べたのですが #header{ ~~~ (画像url) などHTMLを編集するとき上記のHTMLが見つかりません;; あと、ヘッダ画像にリンクも付けたいです。 テンプレートはsnowというものです

  • ブログのテンプレートについて。

    gooのブログで、テンプレートをシンプル>クリアホワイト右、等にすると、本文の冒頭が画面はるか下の方(カレンダー等の下)に表示されます。こんなものなのでしょうか。何か設定が間違っているのでしょうか。

  • gooブログのヘッダーに画像を入れたいのですが

    gooブログで趣味のブログをしています。 今回、テンプレートを変えたのですが(カスタムテンプレート)、 ヘッダー(タイトルバナー)に画像を入れたいと思っています。 そこでCSSをいじってみたのですが、 上手くいきません。 ちなみに、このようにしてみました。 (画像のURLを入れてみました。) /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/ /*-- background-image:url(<img src="http://blogimg.goo.ne.jp/user_image/48/99/769bf44adde2926d79287f5a7f27c003.jpg" border="0">); background-position: center top; background-repeat:no-repeat; --*/ /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/ height:200px; } /*-- ブログタイトルの開始位置の設定 --*/ ほかにどこか変えないといけない箇所があるのでしょうか? 教えてください。 どうかよろしくお願いします。

  • ヤプログでテンプレートを編集するにはどうすればいいですか?

    テンプレートに好きな画像を入れて、自分なりのスキンを作りたいのですが、やり方がイマイチよく分かりません。 テンプレート編集画面を開くと <html> <head> <title>{$BlogName$}</title> ・・・・・・・・・・・・・・・ と表示され、どこをどう編集すればよいのか・・・。 今、自分がやりたい編集は 1、スキンのヘッダー部分にオリジナルの画像を表示させたい。 2、ブログ記事の横幅が狭いので広くして、見やすく&文字を多く表示させたい。 の2つを今一番やってみたいと思っています。 どなたかHTMLに詳しい方、初心者の私に分かりやすく教えて下さい。よろしくお願いします。

  • ブログのタイトル背景部分に画像を入れたいのですが…

    gooブログのカスタムメタルを使用しています。 タイトル部分に画像を入れていたのですが突然見れなくなってしまいました(以前は正常に表示されていました) /* /ページ全体共通指定*/ /* ブログのタイトル部全体の背景(デフォルトは画像使用) */ .header { height: 180px; background-image: url(画像のURL); background-attachment:fixed; background-repeat:no-repeat; background-position:left; } 頻繁にいじっていたのでどこか間違えているかもしれません。 が、何度見てもどこが間違ってるか自分ではサッパリわからなくなってしまいました; よろしくお願いします。

  • ブログのテンプレートに画像を表示できません。

    タイトル部分に画像を入れたいのですが、同じ画像が複数表示されるため、no-repeatを加えてみたところ、1枚だけ小さく表示されます。 マイピクチャに保存されている画像をペイントで調整したサイズは、945x259  17.5kbです。テンプレートはクリアグレー右です。 この作業だけで4日間挑戦していますが、全くだめです。どなたか助けてください。 ちなみにgooブログです。

  • FC2ブログのスタイルシート編集について教えて下さい。

    FC2ブログのスタイルシート編集について教えて下さい。 ブログ画面上方中央に他URL上の画像を表示したいのですが上手く表示できません。 プレビューで確認した時は上手く表示されているのですが「更新」すると表示されていません。 /*****ヘッダ-------------------------------------------------------------------------------------------*/ div#header { width: 800px; height : 135px; background-color:#fafafa; font-size:90%; background : url(http://省略.JPG) no-repeat center top } 宜しくお願いします。

  • ヘッダーの複数画像貼り付け方

    http://blog.goo.ne.jp/ayaaya12345 この方のように、ヘッダーに複数画像を貼り付けたいのですが、 どのようにすれば良いのでしょうか? 背景画像にすると1枚だけ、それも大きいようで 一部分が切れた状態で、張られてしまいます。 どうやったら、複数でサイズを小さく貼り付けることが出来るでしょうか?? gooのアドバンスで、編集できるテンプレートに変更しました。 よろしくお願いします。