解決済

線で囲んだ中に色を付けたい。

今、3カラムを使用しています。ブログ本文の日付け欄だけを線で囲み、その中を薄い色で色づけしたいのですが、どの用に設定すれば良いのでしょうか?
よろしくお願いします。

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

回答(2)

2.

2006-11-14 21:33:29ベスト
サイドプラグインを線で囲み
プラグイン同士にスペースを作る方法です
まず
http://knowledge.livedoor.com/16369
を元に戻す必要があります

それからCSSの下記4箇所変更してください
1.
.sidetitle{
background:url(http://parts.blog.livedoor.jp/img/usr/standard_blue_2c/side_bg.gif) repeat-x;
padding:10px 15px 0;
line-height:100%;
text-align:left;
font-size:12px;
font-weight:bold;
color:#281682;
}

.sidetitle{
border:solid #3d78f9;
border-width:0 1px;
background:url(http://parts.blog.livedoor.jp/img/usr/standard_blue_2c/side_bg.gif) repeat-x;
padding:10px 15px 0;
line-height:100%;
text-align:left;
font-size:12px;
font-weight:bold;
color:#281682;
}

2.
.side{
margin-bottom:25px;
padding:10px 0 0;
text-align:center;
line-height:135%;
font-size:12px;
}

.side{
border:solid #3d78f9;
border-width:0 1px 1px;
margin-bottom:25px;
padding:10px 0 0;
text-align:center;
line-height:135%;
font-size:12px;
}

3.
.calendarhead{
background:url(http://parts.blog.livedoor.jp/img/usr/standard_blue_2c/side_bg.gif) repeat-x;
padding:10px 0 0;
line-height:100%;
text-align:center;
font-size:12px;
font-weight:bold;
color:#281682;
}

.calendarhead{
border:solid #3d78f9;
border-width:0 1px;
background:url(http://parts.blog.livedoor.jp/img/usr/standard_blue_2c/side_bg.gif) repeat-x;
padding:10px 0 0;
line-height:100%;
text-align:center;
font-size:12px;
font-weight:bold;
color:#281682;
}

4.
.calbody{
padding:10px 0;
text-align:center;
}

.calbody{
margin-bottom:25px;
border:solid #3d78f9;
border-width:0 1px 1px;
padding:10px 0;
text-align:center;
}

以上4箇所を変更後、再構築です

少しややこしいので
お間違いのないようお気をつけ下さいませ

なるほど!
Kiss115 さんもいろいろ質問していって
詳しくなったんですね☆

質問のコツも教えてもらって感謝です☆
私も分からなくなったらこのサイトで沢山質問してみます。
ありがとうございました。

1.

2006-11-13 01:39:14ベター
CSS内の
.datebody{}

.datebody{
border:1px solid #000000;
background:#******;
}
このように書き換えると良いかと思います

つけたい色は
background:#******;
をお好きな色へ・・・

http://www.finitojapan.com/cltable.html

ご返答ありがとうございます。
とてもわかりやすかったです。
無事に囲んだ中に色をつけることが出来ました。
あと、もう1つお聞きしたい事があります。
ちょっと内容が分かりにくいかもしれないですが
色で囲む部分をブログの右の(B)の記事の部分にぎりぎりまで伸ばしたいのですが、どのようにすれば良いでしょうか?よろしくお願いします。

Ads By Google

コメント(6)

#1.  Kiss115
2006-11-14 12:13:37

改造をされてらっしゃるのか
御質問の内容が少し解りません

http://knowledge.livedoor.com/16369
こちらは試されたのでしょうか?

キノさんのブログURL(アドレス)を教えて頂けると
詳しい方の具体的な回答があるかもしれません

御検討くださいませ~☆

#3.  キノ
2006-11-14 15:59:27

ご返答ありがとうございました。
前回の質問は無事解決できました☆

えっと、私のブログですが、出来たばかりで少し恥ずかしいのですが
http://blog.livedoor.jp/yzjunpei/?blog_id=2052238
になります。 

入って頂いて、画面を大きくすると中央の日付の背景の肌色の部分が中途半端な長さになっていると思います。この肌色の部分の長さをカレンダーの近くまで長くすることは可能でしょうか?

あと、何度も質問して申し訳ありませんが
黒い線で囲まれたの左側の最新記事とArchives、GyaOデイリーランキング総合ベスト5を上下を少し離して、3つの箱みたいな感じにするにはどうしたら良いでしょうか?  

よろしくお願いします。

#4.  Kiss115
2006-11-14 21:28:26

個別や月別では幅が変わってないですよね?
どういう方法でトップページだけ広げてあるのか解りませんが
仰っている箇所(投稿の日付)は
記事のタイトルと記事本文の幅と同じになります

ですので
記事の部分(センター)を広げるという事でしたら
CSSの
#container{
width:775px;
margin:0 auto;
text-align:center;
}
#wrapper{
float:left;
width:550px;
}
#content{
float:right;
width:350px;
text-align:left;
}
これら、それぞれの
widthの数字を同じだけ増やして下さい。

>3つの箱みたいな感じにするには
文字制限があるため
回答欄に書きます

#5.  Kiss115
2006-11-15 02:40:19

>Kiss115さんがブログを作る上で参考になりそうなサイト?

このお尋ねですが
私もド素人でライブドアのブログは3ヶ月たってません
色々他のブログサイトで試してみましたが
カスタマイズはライブドアブログが一番やりやすいようです
なので、ここで沢山の質問を検索して勉強しました
(今は自宅療養中で時間があるので・・・)

しかしながら
時間のない方はそうもいかないと思います
ですのでタイムリーに回答は無いかもしれませんが
解らない所はどんどん質問されることをお勧めします

ただコメントにて質問されても
回答者は気付かない事がありますので
新規で質問を立てることを、あわせてお勧めしときます

#6.  Kiss115
2006-11-15 02:41:44

そこで!
いらぬお節介ですが、現在ブログを拝見すると
デザイン自体壊れてるようです
一旦、デザインの変更で
同じデザインを再度選択し
全てのページで再構築し、リセットして
ここの
1.コメント>>#4
(widthの数字を100ぐらいずつ足してみてください)
2.回答>>2
3.回答>>1
と、お手数ですがやり直しをお勧めします

http://knowledge.livedoor.com/16369
は無視されたほうが良いかもしれません

最後にお願いですがひとつひとつ質問を「解決済」にして
次の質問へとされた方が回答する側も
どこまで把握なさってるかが解ると思いますので
よりよい回答がつきやすいと存じます
長々と失礼しました。m(_ _)m

#7.  Kiss115
2006-11-15 23:58:39

はい~♪
私なんぞ全然詳しくないですが
先生が沢山いらっしゃいますので
どんどん御質問なさってください~☆

トラックバック

トラックバックURL: