フリーエリアに背景を表示するにはどうしたらいいでしょうか?
私のサイトの右側にあるアドセンスや最新記事のように
背景がある長方形?のフリーエリアを表示させるには
どうすればいいのでしょうか?
色の指定もできるようにしていのですが…
ちなみに最新記事の下にある
メルマガの部分を背景のあるように表示したいのです。
幅は160で
縦はどのくらいかわかりません。
HTMLなどはなんとなく雰囲気だけわかります。
わかる方、教えていただけないでしょうか?
回答(2)
2.

そのフリーエリアに記述しているタグの前後を <div> タグで囲むだけでできます。幅や縦のサイズを気にする必要はありません。そのフリーエリア全体に背景が表示されますから。
フリーエリアの中に書いてあるタグが以下のようだとします。↓
あいうえお<br> かきくけこ<br> さしすせそ
これの前後を <div> で囲みます。このようにです。↓
<div style="background:#○○○"> あいうえお<br> かきくけこ<br> さしすせそ </div>
これで OK です。#○○○ はお好きなカラーコードを
入れて下さい。
あとは保存。プラグインの再構築をおこない、ブラウザーを
リロード ( 再読み込み ) をおこなえば表示反映されて
いるはずです。
追って何か質問があれば、下のコメント欄へお書き下さい。
1.
コメント(7)
AQさん!
非常にわかりやすい回答をありがとうございました!
私のしたかったことをわかっていただき嬉しいです(^^
さらに質問なのですが
今は白い背景のみなのですが、もう少し目立つようにしたいと思っています。
ただ背景色をつけると、目立つというより変におかしくなってしまいます。
うまく強調するようにする方法はないでしょうか?
それと
<div~というのは
どういうものなのでしょうか?
今後<div~をどのように捉えていけばいいかな…
と思っています。
素人なのに生意気な質問をしてすいません。
よろしくお願いします。
今ブログを確認させていただきました。
ご質問の件は解決しているようにお見受けいたしますが、
どうでしょうか?
解決なさっているようでしたら、一番良かった回答にベストを、参考になった回答にベターを、もしくはどの回答も甲乙つけがたい場合は均等配分でこの質問を解決済みにして下さい。
このままでは、この質問が4週間、解決していない
質問として残されてしまいます。
宜しくお願い致します。
あら? まだ続きの質問があったのですね。
失礼しました。では、続いて回答しますね。
> 今は白い背景のみなのですが、もう少し目立つように
> したいと思っています。
う~ん。ブログの組み立てのセンスは人それぞれなので、" 目立つように " と言われても、難しいのですが、とりあえず、白い背景の周りを線で囲みますか?
<div style="background:#○○○; border:1px solid #△△△">
あいうえお<br>
かきくけこ<br>
さしすせそ
</div>
border:1px solid #△△△ は、
border つまり線です。
1px その線の細さです。
solid 直線です。
#△△△ その色です。
1px を 2px にすると、線が太くなり、solid を dotted、dashed、double と変えていけば線種が変わります。
dotted 点線です。
dashed 破線です。
double 二重線です。
> <div~というのはどういうものなのでしょうか?
簡単に言うと、" 領域 " です。
<div> ~ </div> で囲まれた領域の中には目に見えない四角の空間が生まれます。それをボックスと呼びます。ブログもウェブサイトもこのボックスの組み立てで構成されています。
多分簡単には理解できないと思います。
関連する私が書いた記事を、コメント欄の下にトラックバックしておきますので、それを一読していただけますでしょうか? それを読んで、次のステップへ進んでいただければと思います。
AQさんありがとうございました!
丁寧にありがとうございます!
AQさんのブログも今後も参考にさせてもらいます。
それでは
> ■注文住宅.com さん
又何かあれば、いつでも遠慮無しにどうぞ。
ベストありがとうございました。(^^)
トラックバック(6)
ボックスと要素
2006年03月18日 AQ 『 ブログの構成を知る 』 でも説明したけど、ブログも Web サイトも見えない四角の枠で囲まれ、その四角い枠の集まりがひとつのページを作り上げています。その見えない四角い枠を 『 ボックス 』 と呼び、CSS ( スタイルシート ) で、そのボックス....
パディングとマージン
2006年03月18日 AQ 『 ボックスと要素 』 の関連記事となります。先に説明したボックスを構成するものの中に、今回説明するパディングとマージンがあります。CSS ( スタイルシート ) を覗いているとやたら出てくるので、もうみなさんお馴染みの記号ではないでしょうか ...
ブログの構成を知る
2006年03月14日 AQ ブログのカスタマイズをしていく上で、一番してはいけない事は、適当にタグを追加したり、削除したりする事です。 計画性の無いカスタマイズは、うまく事が運んだ時は良いのですが、失敗した時などは、どこがおかしいのかを見つける事さえ難しくなりま...
文章をかっこよく囲む
2005年06月12日 AQ 続きを読む ・・・ の後の記事中に、文章を四角い罫線で囲んであるのを見たことはありませんか AQ も長い文章の記事を上げる時に、メリハリをつけるためよく使用します。Pet lovers Only♪ の場合は、ブログの幅を固定してサイドに少し薄い色を...



