解決済

clip!clip!
Ads By Google

全体画面(画像)を殺さずその上に、全ての記事(本文、コメント、その他いろいろ)を乗せたいのですがどうやったら出来るのでしょうか?

今使っているテンプレートは、シンプルのGASです。現状態としては画面全体にスクロールが掛かり、全体画像の上に記事などが乗っかる状態になっています。(全体画像を消す形です)
それを、全体画像の上に全ての記事を載せたいのです(透明化?)
そう言うのは出来るのでしょうか?
初心者なので、ご迷惑かもしれませんが細かくご指導してもらえると助かります。
この説明で分かるでしょうか…

2007-02-09 20:12の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2007-02-10 13:03:37ベスト
そのデザインの場合、本文のところは背景が透けていますね。
他のところも、そのようにしたいということですね。

普通、上に乗っているパーツの背景色の指定をやめれば、背景が透けて見えます。

背景色を指定しているところは、スタイルシートの下のほうにいくつかあります。

.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

こんにちは。
「全体画像の上に記事などが乗っかる状態」
「全体画像の上に全ての記事を載せたい」
の違いをもう少し詳しく教えていただけませんか?

背景画像を個別記事からページ全体に変えたいということでしょうか?
それとも背景をスクロールさせたくないということでしょうか?

2007-02-10 14:32:58

#1
全体画像の上に、全ての記事を載せ、乗せた記事をスクロール効果させたいのです。
全体画像は動かさない(固定)という事になります。
説明不足で申し訳ありませんでした。
現状態は、全体背景固定、記事類スクロール。記事類乗っかている状態です。
ですから、今やりたい事は記事類透明化になります。
宜しくお願いいたします

#3.  imq
2007-02-10 16:21:45

無事にできてよかったですね!
horseflyさんありがとうございました。

一つだけ補足ですが、
body内の背景画像指定

background:……;_}
この行最後_の部分に全角スペースが入っていませんか?
これは取り除いておいた方が良いです。
IEでは見れたのですが、Firefoxで見ると背景が入っていませんでした。

2007-02-10 16:53:57

え?そうなんですか?!
分かりました。修正しておきました。
本当にhorseflyさん imgさん有難うございました。
お二人のお陰で自分のイメージに近いものになりつつあります。
またよそでお世話になるかもしれませんが、その時は宜しくお願いいたします。

トラックバック(2)

トラックバックURL: