知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

フリーエリアに背景を表示するにはどうしたらいいでしょうか?

私のサイトの右側にある
アドセンスや最新記事のように
背景がある長方形?のフリーエリアを表示させるには
どうすればいいのでしょうか?
色の指定もできるようにしていのですが…




ちなみに最新記事の下にある
メルマガの部分を背景のあるように表示したいのです。

幅は160で
縦はどのくらいかわかりません。


HTMLなどはなんとなく雰囲気だけわかります。


わかる方、教えていただけないでしょうか?

2006-06-02 22:10の質問
ブログ  フリーエリア  HTML  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-06-03 11:01:11ベスト
サイドカラム全体ではなく、フリーエリアだけに背景を設定するのですね。

そのフリーエリアに記述しているタグの前後を <div> タグで囲むだけでできます。幅や縦のサイズを気にする必要はありません。そのフリーエリア全体に背景が表示されますから。

フリーエリアの中に書いてあるタグが以下のようだとします。↓

あいうえお<br>
かきくけこ<br>
さしすせそ

これの前後を <div> で囲みます。このようにです。↓

<div style="background:#○○○">
あいうえお<br>
かきくけこ<br>
さしすせそ
</div>

これで OK です。#○○○ はお好きなカラーコードを
入れて下さい。

あとは保存。プラグインの再構築をおこない、ブラウザーを
リロード ( 再読み込み ) をおこなえば表示反映されて
いるはずです。

追って何か質問があれば、下のコメント欄へお書き下さい。
回答レベル : 回答

1.

2006-06-02 22:52:25


このページにいろいろ載ってるので試してみてください
Ads By Google

コメント(7)

#1.  夏木
2006-06-03 17:52:24

AQさん!
非常にわかりやすい回答をありがとうございました!
私のしたかったことをわかっていただき嬉しいです(^^

さらに質問なのですが
今は白い背景のみなのですが、もう少し目立つようにしたいと思っています。

ただ背景色をつけると、目立つというより変におかしくなってしまいます。
うまく強調するようにする方法はないでしょうか?


それと
<div~というのは
どういうものなのでしょうか?

今後<div~をどのように捉えていけばいいかな…
と思っています。


素人なのに生意気な質問をしてすいません。

よろしくお願いします。

#2.  AQ
2006-06-04 00:59:03

今ブログを確認させていただきました。
ご質問の件は解決しているようにお見受けいたしますが、
どうでしょうか?

解決なさっているようでしたら、一番良かった回答にベストを、参考になった回答にベターを、もしくはどの回答も甲乙つけがたい場合は均等配分でこの質問を解決済みにして下さい。

このままでは、この質問が4週間、解決していない
質問として残されてしまいます。
宜しくお願い致します。

#3.  AQ
2006-06-04 01:01:02

あら? まだ続きの質問があったのですね。
失礼しました。では、続いて回答しますね。

#4.  AQ
2006-06-04 01:23:26

> 今は白い背景のみなのですが、もう少し目立つように
> したいと思っています。

う~ん。ブログの組み立てのセンスは人それぞれなので、" 目立つように " と言われても、難しいのですが、とりあえず、白い背景の周りを線で囲みますか?

<div style="background:#○○○; border:1px solid #△△△">
あいうえお<br>
かきくけこ<br>
さしすせそ
</div>

border:1px solid #△△△ は、

border つまり線です。
1px その線の細さです。
solid 直線です。
#△△△ その色です。

1px を 2px にすると、線が太くなり、solid を dotted、dashed、double と変えていけば線種が変わります。

dotted 点線です。
dashed 破線です。
double 二重線です。

#5.  AQ
2006-06-04 01:31:45

> <div~というのはどういうものなのでしょうか?

簡単に言うと、" 領域 " です。
<div> ~ </div> で囲まれた領域の中には目に見えない四角の空間が生まれます。それをボックスと呼びます。ブログもウェブサイトもこのボックスの組み立てで構成されています。

多分簡単には理解できないと思います。
関連する私が書いた記事を、コメント欄の下にトラックバックしておきますので、それを一読していただけますでしょうか? それを読んで、次のステップへ進んでいただければと思います。

#6.  夏木
2006-06-04 16:50:52

AQさんありがとうございました!

丁寧にありがとうございます!

AQさんのブログも今後も参考にさせてもらいます。

それでは

#7.  AQ
2006-06-04 16:58:32

> ■注文住宅.com さん
又何かあれば、いつでも遠慮無しにどうぞ。
ベストありがとうございました。(^^)

トラックバック(6)

トラックバックURL:

ボックスと要素

2006年03月18日 AQ 『 ブログの構成を知る 』 でも説明したけど、ブログも Web サイトも見えない四角の枠で囲まれ、その四角い枠の集まりがひとつのページを作り上げています。その見えない四角い枠を 『 ボックス 』 と呼び、CSS ( スタイルシート ) で、そのボックス....

Pet Lovers Only♪ at 2006年06月04日 01:42:29

パディングとマージン

2006年03月18日 AQ 『 ボックスと要素 』 の関連記事となります。先に説明したボックスを構成するものの中に、今回説明するパディングとマージンがあります。CSS ( スタイルシート ) を覗いているとやたら出てくるので、もうみなさんお馴染みの記号ではないでしょうか ...

Pet Lovers Only♪ at 2006年06月04日 01:40:04

ブログの構成を知る

2006年03月14日 AQ ブログのカスタマイズをしていく上で、一番してはいけない事は、適当にタグを追加したり、削除したりする事です。 計画性の無いカスタマイズは、うまく事が運んだ時は良いのですが、失敗した時などは、どこがおかしいのかを見つける事さえ難しくなりま...

Pet Lovers Only♪ at 2006年06月04日 01:37:12

文章をかっこよく囲む

2005年06月12日 AQ 続きを読む ・・・ の後の記事中に、文章を四角い罫線で囲んであるのを見たことはありませんか AQ も長い文章の記事を上げる時に、メリハリをつけるためよく使用します。Pet lovers Only♪ の場合は、ブログの幅を固定してサイドに少し薄い色を...

Pet Lovers Only♪ at 2006年06月04日 01:34:43