• 締切済み

MTブログのカスタマイズで背景を・・・

今、MTでブログを作っています。 そこで 「ブログ全体の背景に画像を表示したい」 と思い、色々調べて ------ body { margin: 10px 0; padding: 0; font-family: Verdana, Arial, sans-serif; color: #333; background: #FFF url("ここに画像URL"); text-align: center;} ------- というのまでわかり、やってみたのですが・・・ 背景だけではなく、本文(エントリー?)部分にも画像が表示されます。 こんな症状になります ttp://www.charity-santa.com/ 目標はこんな感じのブログにしたいと思ってます↓ ttp://unkonisakuhana.seesaa.net/ うまく↑のサイトのようにするには、どうすればいいでしょうか? 教えていただければ幸いです。 よろしくお願いします。

みんなの回答

  • hitsumari
  • ベストアンサー率63% (7/11)
回答No.1

目指したいモノが少し分りにくいので補足が欲しいです。 >エントリー部分にも画像が・・ との事ですが、 背景が一面に表示されてることをおっしゃっているのでしょうか? >目標はこんな感じの・・ を拝見する限りではトップ上部に画像を表示されてるので そのようになさりたいのですか? 背景画像をリピートさせない(1枚のみ表示させる)CSSは、 background-repeat: no-repeat; もし横方向にのみリピートさせるには、 background-repeat: repeat-x; 縦方向にのみリピートさせるには、 background-repeat: repeat-y; となります。 どのようになさりたいかが分りにくいので、 もう少し詳しく教えて頂ければ幸いです。

関連するQ&A

  • seesaaブログを作成中です。

    seesaaブログを作成中です。 ■質問1■ブログの一番上左に画像を入れるとブログ名と重なってしまいます。重ならない方法を教えてください。ブログ設定「ブログタイトル」入力の始めの方を空欄にする以外でよろしくお願い致します。下↓はスタイルシートのバナー部分です。このどこかを直すのでしょうか? #banner{ font-family:arial, Helvetica; color:#FFF; background:#032550; margin:0px; width:100%; padding:10px; background-image: url(http://画像 ) ; background-position : left top; background-repeat: no-repeat ; } ■質問2■ 記事の上下に出てくる  - 1 2 3 4 5.. 次の1件>>  を消したいのですがわかりません。自分なりにHTML数カ所試しに消してみましたが、全体が崩れていまくいきません。 どうぞよろしくお願い致します。

  • MT長所新車で

    超初心者です。ムーバブルタイプで、エントリーに画像をアップすることはできるのですが、トップのバナーにはアップすることができません。スタイルシートで何回も挑戦していますが、どこが間違っているのか、画像が反映されないのです。間違いを教えてください。 具体的に書きます。 #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } a#banner-img { }   となっているところを #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-image:<img alt="ue01.gif" src="http://www 略 width="××× heigho="○○○/>; background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } あるいは【例02】 #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-image:url<img alt="ue01.gif" src="http://www 略 width="××× height=" ○○○/>;  background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } としています。 どこがおかしいでしょうか。 またどのようにすれがいいでしょうか どなたか教えてください。

  • seesaaブログで背景画像の位置を指定したい

    seesaaブログで背景画像の位置を下中央に表示させたいのですが、background-position:bottom center;と指定しても、上中央に固定されていてウンともスンとも動きません。 試しにleftに指定してみたり、タグの順番をかえてみたりしましたがダメでした。 ちなみに、忍者ブログや簡単なHTMLのページでは思い通りに表示できています。 ご存知の方、是非ご教授ください。よろしくお願い致します。 body { margin:0px; padding:0px; background-image:url("画像URL") ; background-color : #210709; background-repeat:no-repeat; background-attachment:fixed; background-position:bottom center; line-height:180%; text-align:center; }

    • 締切済み
    • CSS
  • ブログのメニューバーをヘッダー画像の下に

    seesaaブログでメニューバーをTOP画像の下に表示したいのですがわけがわからないんです。 どなたか教えて下さらないでしょうか? ちなみに設置はなんとかできました。 http://error911.seesaa.net/ CSSは ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url("http://error911.up.seesaa.net/image/bg.jpg?20090326204938") repeat-x top left; font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; } ul#menu li { display:block; float:left; margin:0; pading:0; } ul#menu li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:12px 20px 0 20px; height:24px; } ul#menu li a:hover { color:#FFFFFF; background:transparent url("images/over.jpg") no-repeat top right; }   です。お願いします。

  • スタイルシート ページ左右の余白幅 設定

    Seesaaブログを利用しています。 テンプレート「ガーベラ」のページ左右の余白幅を狭くしたいと思っています。 やりたい事は、例えばWord文書の左右余白は規定値で35mmになっているが20mmに変更したい という感じです。 初心者なので少し調べましたが スタイルシートのpadding、marginの設定を変更する必要がありそうな事しか分かりませんでした。 以下、スタイルシートの一部をコピーしたものです。 具体的に、どの部分を変更すればいいのか教えて下さい。 body { font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; text-align:center; background-color:#FFF; color:#666666; } #container{ text-align:center; margin: 10px auto 0px auto; padding:0px; width:769px; } a{ text-decoration: underline; color:#87B400; } #banner{ font-family:arial, Helvetica; height:275px; margin:0px; padding:0px 0px 0px 160px; text-align:left; background-image:url(http://blog.seesaa.jp/img/bg/gerbera/header.jpg); background-repeat:no-repeat; }

  • ブログの背景について

    今、Seesaaブログを使っていて、 背景について困ってます。 今、二つある画像を重ねて背景に指定したいんです。 それでCSSは少し分かるので、 そこをいじって背景等の指定をしてるのですが、 どうしても背景を二重にするやり方が分からないのです。 どなたか御存知でしたら教えて下さい。 よろしく御願いします。

  • ブログ更新ごとに変わる背景

    についてコードを教えてください。ブログタイトルの背景を更新するたびに変わるようにしたいのですがコードをどのようにすればいいのかわからなくて。 今のブログタイトルコードです↓ div.blog-title-outer { width: 780px; height: 255px; background: url(好きな画像) no-repeat left top; margin: 0px 0px 0 0; text-align: center; } div.blog-title-outer-2 { padding: 15px 10px 5px 10px; } div.blog-title-outer-3 { } h1#blog-title { margin: 40px 350px 0px -100px; padding: 00px 00px; font-size: 160%; font-weight: bold; } div.blog-description-outer { } p#blog-description { margin: 0px 630px 0 0; padding: 0; line-height: 135%; font-size: 80%; 初心者ですよろしくお願いします。

  • ブログの投稿日時表示

    初めてのブログで困っています。 投稿した記事に日にちは表示されるのですが、時間が表示されません。 投稿記事及びコメントについて日時を表示したいのですが、どのようにカスタマイズすればいいのでしょうか。 教えて頂けると助かります。 関連しそうな設定は下記のとおりです。 宜しくお願いします。 /* 投稿記事単位 */ .postdate { width: 495px; margin: 0px 0px 70px 0px; padding: 0px; } /* 投稿記事の日付テキスト見栄え設定 */ .postdate h2 { width: 495px; color: #2D1805; font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; height: 23px; line-height: 23px; margin: 0px; padding: 0px 0px 0px 0px; background-image: url(/common/img/user/96-a/main_date.gif); background-repeat: no-repeat; background-position: top center; } .postdate hr { margin: 0px; }

  • CSSの背景がネスケだと表示されません(><

    IEだとちゃんと見れます。 CSSのタグが #top-bg { background-image: url("archives/img/top.gif"); height: 55px; width: 700px; } #banner { font-family: Verdana, Arial, sans-serif; color: #e40c5d; text-align: left; padding-bottom: 0px; padding-top: 8px; padding-left: 350px; padding-right: 0px; } で、こういう風に表示しています↓↓ <div id="top-bg"> <div id="banner"> <h1>ページタイトル</h1> </div> </div> どなたかよろしくお願いします…

    • ベストアンサー
    • HTML
  • ページの一番上にできた余分な余白の消し方

    ページの一番上に800×100の画像を用意し、それを背景画像として設定。 その上に<h1>のタイトルを表示しようとすると、 背景画像の上に無駄な余白ができてしまいます。 何か間違えているのでしょうか?この余白の消し方を教えてほしいです。 よろしくお願いいたします。 <html> <head> <title></title> <style type="text/css"> body { margin: 0; padding: 0; text-align: center; background-color: #000; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; text-align: center; } div#container { width: 800px; background-color: #ffffff; text-align: left; margin: 0 auto; padding: 0; } div#header { width: 800px; height: 100px; background-image: url(image/sample.jpg); background-repeat: no-repeat; padding: 0; margin: 0; } h1 { padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0; font-size: 15px; font-weight: normal; line-height: 15px; margin-top: 30px; margin-right: 0px; margin-bottom: 0; margin-left: 0; color: #000; } div#mainContent { padding: 5px 15px 0 15px; } </style> </head> <body> <div id="container"> <div id="header"> <h1>テスト</h1> </div> </div> <div id="mainContent"></div> </body> </html>

    • ベストアンサー
    • HTML