Ads By Google
全体画面(画像)を殺さずその上に、全ての記事(本文、コメント、その他いろいろ)を乗せたいのですがどうやったら出来るのでしょうか?
今使っているテンプレートは、シンプルのGASです。現状態としては画面全体にスクロールが掛かり、全体画像の上に記事などが乗っかる状態になっています。(全体画像を消す形です)それを、全体画像の上に全ての記事を載せたいのです(透明化?)
そう言うのは出来るのでしょうか?
初心者なので、ご迷惑かもしれませんが細かくご指導してもらえると助かります。
この説明で分かるでしょうか…
2007-02-09 20:12の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2007-02-10 13:03:37

そのデザインの場合、本文のところは背景が透けていますね。
他のところも、そのようにしたいということですね。
普通、上に乗っているパーツの背景色の指定をやめれば、背景が透けて見えます。
背景色を指定しているところは、スタイルシートの下のほうにいくつかあります。
これらの「background:#カラーコード;」の部分を削除すれば、透明になります。
なお、トップ記事の下の広告の部分の背景色は
livedoor Blogの規則上ここをいじって良いか判断できかねますので、ここはいじらないほうが良いでしょう。
他のところも、そのようにしたいということですね。
普通、上に乗っているパーツの背景色の指定をやめれば、背景が透けて見えます。
背景色を指定しているところは、スタイルシートの下のほうにいくつかあります。
.side{
background:#e7eeef;
font-size:x-small;
text-align:left;
line-height:125%;
margin-top:7px;
margin-bottom:33px;
padding:5px 15px;
}
のbackground:#e7eeef;
.calendartable{
width:188px;
text-align:center;
margin-bottom:33px;
background:#e7eeef;
}
のbackground:#e7eeef;
.caltbl{}
.caltblwkbg{}
.calendarwd{background:#8ab4e6;}
.caltblwk{}
.caltblwk td{}
のところにある.calendarwd{background:#8ab4e6;}
の中のbackground:#8ab4e6;
.calendardbg{padding:4px 0;background:#6889cc;}
.caltblday{}
.caltblday td{}
のところにある.calendardbg{padding:4px 0;background:#6889cc;}
の中のbackground:#6889cc;
.quotetable{background:#036;}
.quote{color:#000;font-size:x-small;
padding:1px;background:#fff;}
の中にあるbackground:#036;と
background:#fff;
これらの「background:#カラーコード;」の部分を削除すれば、透明になります。
なお、トップ記事の下の広告の部分の背景色は
#ad{
width:380px;
padding:20px 15px;
text-align:center;
}
body.ad{background:#d4e2eb;}
のところのbody.ad{background:#d4e2eb;}
の中のbackground:#d4e2eb;ですが、広告の部分の表示方法は他の部分と違うので、ここを透明にして背景画像が見えるようにはできません。ブログ全体の背景色になってしまいます。
livedoor Blogの規則上ここをいじって良いか判断できかねますので、ここはいじらないほうが良いでしょう。
回答レベル : 回答
このアドバイスでやってみました。で、出来ましたぁ!!本当に有難うございました。
Ads By Google
コメント(4)
#1. imq
2007-02-10 04:45:37
こんにちは。
「全体画像の上に記事などが乗っかる状態」
「全体画像の上に全ての記事を載せたい」
の違いをもう少し詳しく教えていただけませんか?
背景画像を個別記事からページ全体に変えたいということでしょうか?
それとも背景をスクロールさせたくないということでしょうか?
#2. kamui200529
2007-02-10 14:32:58
#1
全体画像の上に、全ての記事を載せ、乗せた記事をスクロール効果させたいのです。
全体画像は動かさない(固定)という事になります。
説明不足で申し訳ありませんでした。
現状態は、全体背景固定、記事類スクロール。記事類乗っかている状態です。
ですから、今やりたい事は記事類透明化になります。
宜しくお願いいたします
#3. imq
2007-02-10 16:21:45
無事にできてよかったですね!
horseflyさんありがとうございました。
一つだけ補足ですが、
body内の背景画像指定
background:……;_}この行最後_の部分に全角スペースが入っていませんか?
これは取り除いておいた方が良いです。
IEでは見れたのですが、Firefoxで見ると背景が入っていませんでした。
#4. kamui200529
2007-02-10 16:53:57
え?そうなんですか?!
分かりました。修正しておきました。
本当にhorseflyさん imgさん有難うございました。
お二人のお陰で自分のイメージに近いものになりつつあります。
またよそでお世話になるかもしれませんが、その時は宜しくお願いいたします。





