• ベストアンサー

ウェブサイトを作るにあたって

http://f-tpl.com/ このサイトの無料テンプレートNo.57を編集してみました。 文字やリンク、画像の変更などは一通り終わったのですが、背景の色などは変えられないのでしょうか? また、背景を画像にすることはできないでしょうか? もし出来る場合はその画像を下へループさせる方法も教えて下さい。 よろしくお願いします。

  • CSS
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
回答No.2

CSSのbody部分にあるbackgroundの内容を変更します。 ■色の変更 background: カラーコード; 例 background: #ff0000; background: red; など ■画像へ変更 background: url(画像のURL); ■画像を縦にループ background: url(画像のURL) repeat-y;

mattounm
質問者

お礼

回答ありがとうございました! しっかりとできました♪

その他の回答 (2)

  • self--
  • ベストアンサー率21% (22/101)
回答No.3

同じサイトに説明書がありました。 http://f-tpl.com/make-homepage2/ 2-12.メイン画像の変更 背景色はstyle.cssを編集します。テキストエディタやメモ帳でOK /************************** /* トップナビゲーション **************************/ ul#topnav{ clear:both; overflow:hidden; margin:0 auto 30px; background:#134091; border-radius:5px; } この、 background:#134091;の6文字を仮にff0000にすると赤になります。 web上でカラーコードを調べる事も出来ますし レタッチソフトのカラーピッカーに表示されるカラーコードを使う事も出来ます。 デスクトップから色をチョイスできるカラーピッカー(フリーウエア)もあります。 http://freesoft-100.com/pasokon/rgb.html

mattounm
質問者

お礼

フリーソフトの紹介&回答ありがとうございました! トップナビゲーションも色を変えることが出来ました! 本当に感謝しています!

  • ugeton
  • ベストアンサー率28% (102/363)
回答No.1

>>背景の色などは変えられないのでしょうか? CSSファイルがあれば、そのファイル内で指定すれば可能です。 CSSファイルが無い場合、直接HTMLタグで指定して下さい。 >>背景を画像にすることはできないでしょうか? こちらも同様です。 http://www.shoshinsha.com/hp/ref/css/back_color.html http://kumacrow.blog111.fc2.com/blog-entry-296.html

mattounm
質問者

お礼

そのリンクとてもわかり易いです! 回答ありがとうございました!!

関連するQ&A

  • fc2ブログでの文字色の変更

    fc2ブログを開設しています。 いままで共有テンプレートを使っていましたが、ちょっと変えてみたくなったので、公式テンプレートからダウンロードしたもので テンプレートの編集をしてみました。 背景の画像は変更できたのですが、文字の色がどうしても変更できないのです。 本文とコメントの文字色を変更したいのです。 「はじめてのFC2ブログカスタマイズ」の「文字の色を変更」をみても どこをどうすればいいのか意味がわからなくて。。。 どうかわかりやすく説明していただければありがたいです。 よろしくお願い致します。

  • テンプレートの背景を変えないで文字だけを変えたいのです。

    テンプレートの背景を変えないで、文字の色、フォントや大きさを変えたいのです。「テンプレートの編集」で別のテンプレートに変える必要があるでしょうか。それとも「スタイルシートの変更」で操作するのでしょうか。今のままだと文字が黒でないので読みにくいのです。やはりテンプレートの変更をしなければ駄目なのでしょうか。

  • ホームページ作成について

    2種類の無料テンプレートを使いHPを作成しています。(編集はHPマネージャーを使用しています) 片方のテンプレートは文字の色の変更はできますが、もう片方のテンプレートは文字の色の変更が出来ません。何故でしょうか? 何方か教えて下さい。

  • CSS レスポンシブサイトでヘッダー画像の調節

    レスポンシブサイトでヘッダー画像の調節をしたいのですが なぜかPCとスマホでヘッダー画像の表示が異なります 同じように表示するにはどうすればいいでしょうか? 参考用ですが、こちらは同じように表示されています https://f-tpl.com/tpl_096/ 添付画像は上がPCで下がスマホです このように半分しか表示されず、PCのものを縮小して表示させられません

    • 締切済み
    • CSS
  • 「ブログタイトル」の文字色の変更の仕方(FC2)

    テンプレートを使ってブログを作りました。ブログタイトルの背景に画像を入れたところ、文字が読みにくくなりました。 この文字の色を変更したいのですがやり方が分かりません。どうすればいいのか教えてください。   

  • 下記サイトのRGB値が分かりません。

    下記のリンク先のトップ画像に、透明色の上に文字が乗っていると思うのですが、その背景色が分かりません。 アプリを使って色を取得し、background-color: rgba(117, 127, 131,0.5);のようにやったのですが、再現できませんでした。 またその画像に文字が乗っていると思うのですが、その文字に若干シャドウがかかっていると思うのですが、その方法がわかりません。わかる方がおりましたら、教えてください。 http://www.infosys.com/

    • ベストアンサー
    • CSS
  • オークションテンプレートの作り方

    ホームページビルダーを使って、ヤフオクのテンプレートを作りたいのですが、可愛い画像などが消えてしまいます。 無料ダンウンロードのテンプレートは、一番下の方にリンクが貼ってあるので、出来れば使いたくありません。 どうすれば、自分で可愛いテンプレートが作れますか? HTMLは全然分からないので、出来れば簡単に作りたいのですが。

  • gooブログ(無料版)でアクセスカウンタう表示させるには?。

    gooブログ(無料版)でカスタムテンプレートの場合に CSSを編集して、背景としてカウンタの画像を表示させるにはどうすればいいのですか?。

  • gooブログでテンプレートにカスタムを選んだのですが…

    gooブログ(無料版)を利用している初心者です。 CSSの編集(未経験)で文字色などを変えてみたかったので、 テンプレートをカスタム(カスタムブルー)というものに変えました。 編集作業を終え、プレビューの結果にも納得したので、最後に保存ボタンを押しました。 そして「あなたのブログを見る」で実画面の確認をしたのですが、 何故か真っ白のままなのです。 具体的に言いますと、文字の部分(記事,カレンダー等)は灰色一色で現れ、 リンク文字は茶色一色で現れ、背景は真っ白、という感じです。 (偶然かもですが、色合い的には以前使っていたテンプレートのものと似ています) プレビューではちゃんと編集通りになっているのに、 何故実画面ではプレビュー通りにならないのか解りません。 その後不安になって、 いったんテンプレートを適当な既存デザインのものに変えてみましたが 今度はそちらでも同じ真っ白現象が起こってしまいまして もう手も足も出ません。 唯一、以前使っていたデザインのテンプレートに戻した時のみ 正常に(デザイン通りに)表示れました。 このままではCSS編集はおろか、他の既存デザインに変更することすら出来ません。 CSSに関しては、gooの「CSSの使い方」を見ながら 自分なりに文字色・背景色などを変えましたが、 それ以外では特に変わった事をした覚えはありませんし、 「現在使用中のテンプレート」にはカスタムブルーが表示されています。 念のため時間をおいて次の日(今日)確認してみましたが、 やはり状況は変わっておりませんでした。 原因もしくは解決法に心当たりのある方がいらっしゃいましたら ご意見頂けましたら嬉しいです。

  • アコーディオンがうまくいかない。

    アコーディオンをJQUERYで作ったのですが、下の要素の背景の画像にクリックした際に出てくるリンク要素がめりこむみクリックできないのです。 なぜ下の要素の文字などは、出てきた要素にしたがって、下がってくれるのに背景画像だけが下がらずめり込むのでしょうか? また背景がめり込んだリンクのみクリックできなくなる仕様なのかもしれませんが、背景画像がめり込んでもクリックできるようにする方法は無いのでしょうか?

    • ベストアンサー
    • CSS