• 締切済み

配布されたテンプレートでの画像の差し替え

どうしても分からなく、ここに質問させていただきました。 創作サイトを作っている者です。 サイトで配布されていたテンプレートを使い、そのテンプレート内の画像を差し替えたいのですが、よく分からなくて困っています。 CSSを変更すれば~とだけ説明があったので「background:url('○○')」の部分を差し替えたい画像名に変更したのですが、html表示の方で画像の部分だけ真っ白になってしまいます。 画像の保存先、サイズ等は間違っていません。 何が原因で差し替えられないのでしょうか? また、CSSを知るにあたりお勧めのサイトがあれば、是非教えていただきたいです。

  • CSS
  • 回答数1
  • ありがとう数2

みんなの回答

  • Seravy
  • ベストアンサー率47% (118/249)
回答No.1

保存先をもう一度確かめてみる事をオススメです;念のため。 urlの中身は、CSSファイルから見た、画像の位置ですよ。 あとは、url('....');の最後の;(セミコロン)を打ち間違えている、若しくはその文より前にセミコロンを落としているとか、{ }のカッコを閉じ忘れているとか文法的なミスも考えられます。 一度その付近の文をチェックしてみてはどうでしょうか。

関連するQ&A

  • テンプレート配布サイトを作るのですが。。。

    テンプレート配布サイトを作りたいと思っているのですが、 ・cssで指定して、cssのファイルと一緒にダウンロードするようにするのか。 ・そのままタグで配布するのか。 でとても迷っています。 どちらの方が一般的なのでしょうか? 両者の長所・短所なども分からないのでそれも教えていただけると嬉しいです。

  • 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で画像の差し換えについて 

    FC2でブログを書き始めました。テンプレートを借りているのですがトップの画像をこちらで(http://www.slide.com/main/emsu)編集したスライドショーに差し替えたいです。編集の方法に基づいて、サイズの変更をしてアップロードしてCSSを変更したのですが画像の部分だけ真っ白です。どなたかわかる方教えて下さい。お願いします。ブログ初心者でトンチンカンな質問でしたら失礼しました。

  • アメブロのヘッダー画像変更

    アメブロのヘッダー画像を変更したいのですが、 スキンのカスタマイズから、画像をupして、 保存しても変わりません。(プレビューはちゃんと表示される) 次に、画像を自分のサーバーにupして、 cssの1番したのバックグラウンドurlを、 変更し、保存をクリックしましたが、 これでも変わりません。 どなたかわかる方、いらっしゃいましたら、 よろしくお願い致します。 テンプレートはベーステンプレートです。

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

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

  • fc2BLOGのテンプレートを自作して配布したい

    FC2BLOGのテンプレートを作って配布したいのですが、参考に他作者さんのテンプレートをダウンロードしてタグ等を見てみたところ、CSSもサッパリで自分には出来そうにありません。 なので、カスタマイズ再配布可の共有テンプレートを使わせて頂こうと思って探したのですが、どこも再配布×ばかりでした。 何か良い解説サイト等はありませんか?

  • HP作成用テンプレートで、画像変更、中央寄せの方法

    既にあるHPテンプレートを、一位部変更したい場合について、2箇所、率直に質問させて頂きます。 ページについての内容ですが、 (1)一番上のヘッダーの最上部にある、「 センタリングしたい部分 」の2行と、一番下のフッター部分にある「 センタリングしたい部分 」とある1行をセンタリングするには、どうするのが一番良いでしょうか?出来れば、具体的なcssの記述内容でお願い致します。 (2)中央にある緑色の 「 画像を入れ替えたい部分 」 と書いてある場所の900×250の.jpg画像を自分の好きな画像に入れ替えるには、どうすれば良いでしょうか? ちなみに、(2)は自分で入れ替えたいと思い、実際にやってみました。 まず、この緑色の画像ファイル名が 「 bg-header-home 」 なので、同じサイズのjpg画像を作成し、それを同一フォルダに入れて、名前を半角で、a.jpgとして、common.css内にある記述部分を「 background-image: url(../img/bg-header.jpg); → background-image: url(../img/a.jpg); 」と替えてみたのですが、何故か出来ません。この、a.jpgは、フォルダ内に入れてあります。 この理由が分からずにいる状態です。 詳しい方がいましたら、よろしくお願いします。

  • cssで背景画像をランダム表示する

    現在cssで背景画像をランダム表示するよう指示をしたいです。 テンプレート配布サイトからDLしたcssには以下のように指定されています。 ---- .menu{ float :left; background-image:url(img/menu_01.png); background-repeat:no-repeat; width :270px ---- このようなcss表記から画像をランダム表示に指定するには どのように加筆、修正をしたらよいのか教えて頂けますでしょうか。 似たような質問もたくさんされていたのでとても申し訳ないのですが、自力で色々試してみたものの、 どうしてもわからなかったので、お力を貸して頂ければ幸いです。 よろしくお願い致します。

    • 締切済み
    • CSS
  • FC2のテンプレートのカスタマイズについて(サイドバーの背景画像)

    FC2のテンプレートのカスタマイズについて(サイドバーの背景画像)質問です。 サイドバーの背景画像を自分で作った画像に変更すると、プレビューで見たときに変更をした画像が表示されるのがとても遅いです。 テンプレートを変えて試してみたり、画像を変えたりもしてみましたが、プレビューで表示させると、変更したサイドバーの画像だけなかなか表示されません。 (画像ファイルはGIF形式でサイズは500バイト程度です) 元のテンプレートで使用されている画像部分のURLを自分の画像のURLに変更しました。(スタイルシート) この他なにか変更をする必要があるのでしょうか? 宜しくお願い致します。

  • FC2ブログのテンプレートの画像を入れ換える

    FC2 共有テンプレート 8 の lamp を使ってブログを作成しています。 トップの画像がスライドショーで3回ほど変わるものです。 この画像を好きな画像に入れかえたいのです。 作者様は「写真変更可」とあります。 自分の好きな画像をまずUPしました。 しかしURLを入れかえるのに、スタイルシートのどこの部分かわかりません。 教えてください。 body { font-size:13px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif; text-align:left; color:#333333; line-height:1.8em; position:relative; background-color: #ececec; background-image:url(http://blog-imgs-59.fc2.com/m/y/s/mysticdiary/egaz2ru.png); } 最後の行backguroundの url を自分の入れたい画像のurlを入れてみましたが「場所が違うようです」 よろしくお願いします。

専門家に質問してみよう