解決済
デフォルトブラック２カラムについておしえてください！
背景一面に画像を入れて、記事やプラグイン、ブログタイトルのバックを透明にしたいのですが、うまくいきません！詳しい方教えて下さい。
2007-09-24 00:38の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2007-09-24 15:11:35
デフォルトブラックは2003の方でよろしいでしょうか？
まず用意した背景画像をブログにアップロードします。
ブログの管理ページから
完了して画面が切り替わったら、
次にスタイルシート(CSS)を変更します。
背景画像の設定は#containerを探して以下の一行を追加します。
タイトル部分の背景は#banner,#subbannerの中のbackgroundをこのようにして無効にします。
以上の変更が終わったら、
まず用意した背景画像をブログにアップロードします。
ブログの管理ページから
ブログの投稿 -> ファイルのアップロード -> ファイルをアップロードするからファイルを選択して
ファイルをアップロードするをクリックします。
完了して画面が切り替わったら、
ファイル一覧 -> アップロードした画像名をクリックして、ブラウザのアドレスバーに表示されているURLをコピーします。
次にスタイルシート(CSS)を変更します。
カスタマイズ/管理 -> デザインの設定 -> カスタマイズと選んで、CSSの編集を行います。
背景画像の設定は#containerを探して以下の一行を追加します。
background:url(先ほどアップロードした画像のURL);追加後はこのような感じになるかと思います↓
#container{
background:url(先ほどアップロードした画像のURL);
}
タイトル部分の背景は#banner,#subbannerの中のbackgroundをこのようにして無効にします。
#banner,#subbanner{
/* background:#666;*/
border-bottom:1px solid #999;
}
以上の変更が終わったら、
この内容で保存する -> ブログに設定を反映（再構築）とクリックして、
デザイン(CSS)の再構築を行ってください。
うまくいきました完璧です！丁寧にありがとうございました。
Ads By Google
コメント(3)
#1. yoshia
2007-09-24 20:08:43
やり方間違ってたようで、うまくいきました！
ただ、バックの画像固定したいのですが、良い方法ないですかね？
１枚の画像でマウススクロールしても、画像そのままで、他は動くようにしたいです！
良い方法あればよろしくです！
#3. imq
2007-09-24 22:34:13
先ほど追加した#containerのbackground行をbodyに移して、後ろにfixedと追加します。
変更後はだいたいこのような感じになります↓
body{
color:#fff;
background:#000;
margin:0;
font-family: verdana ,arial ,sans-serif;
word-break:break-all;
background:url(先ほどアップロードした画像のURL) fixed;
}
こちらは中身を削除です↓
#container{}
#4. imq
2007-09-26 05:21:52
うまくできてよかったですね！
