人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Movable Type3.2 の背景の設定の仕方について

http://infosearch.ec-blog.com/index.html(これは見本)

ブログのトップページの上部(infosearchと書いてある部分)が
#84c1ff

という色で背景を指定しているのですが、これを aaaa.gif

というgifを使って背景にしたい場合。

(1)下記のURLにあるスタイルシートの記述のどの部分を変更すればいいのでしょうか?
http://iiiiiiiiii.web.fc2.com/test/



(2)その際に 背景に使う aaaa.gif サイズは 指定してある方がいいのでしょうか?aaaa.gifはまだ作っていないのでどんなサイズにもなります。
推奨のサイズがあれば教えてください。人によって画面のサイズが違うので逆に指定しない方がいいのでしょうか?

●質問者: kaumaeni
●カテゴリ:インターネット ウェブ制作
✍キーワード:GIF Movable Type URL サイズ スタイルシート
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● sudayosiaki
●35ポイント

body {

margin : 0px 0px 0px 0px ;

padding: 0px 0px 0px 0px;

background:#ffffff;

backgroundの部分をbackground-image:URL(ファイル名);

に変えます。

サイズはいりません。サイズやスクロール方法を指定する場合は

下記を参考にしてください。

http://hp.vector.co.jp/authors/VA013937/cssref/backgrou.html

◎質問者からの返答

ありがとうございます。あとで試してみます


2 ● ヨネちゃん
●35ポイント

body の背景を指定すると、基本的にはそのページ全体の背景を設定することになりますので、おっしゃるようにはならないと思います。

この場合は#bannerの要素を変更するのが普通かと思われます。

/* タイトルバナー */

#banner {

color:#000000;

background:#84c1ff;

margin : 0px 0px 0px 0px ;

padding:13px 15px 8px 15px;

text-align: left;

border-bottom: 1px solid #999999;

}

内の

background:#84c1ff;

background: #84c1ff url(aaaa.gif);

にすれば良いかと思います。

gif画像が重たい場合は、画像が表示されるまで#84c1ffの背景色が適応されます。

画像をリピートさせない場合は、

background: #84c1ff url(aaaa.gif) no-repeat;

にします。

http://www.htmq.com/style/background-repeat.shtml

◎質問者からの返答

ありがとうございます。あとでやってみます

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ