知識、知恵のカタマリ

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

解決済

clip!clip!
Ads By Google

ブログの個別記事全体を線で囲むにはスタイルシートのどの辺りをどんなふうに修正すればいいでしょうか(・~・)?

ブログの個別記事全体を線で囲むにはスタイルシートのどの辺りをどんなふうに修正すればいいでしょうか?

また、記事の下にあるタグやコメント、トラックバックなどがありますが、本文と区切りを付けられるように点線---を引きたいのですがどうやったらいいのか
わかりません...(´・c_・` )

もし、わかりにくいようでしたら、
シンプルのデザインで、Liquid Smoke(3カラム) のサンプルをご覧頂けるとわかりやすいかもです。

自分の使用のデザインは、シンプルのZen Styleです。

もしよろしければ、具体的に何をどのようにするか教えてくださると助かります。
よろしくお願いしますM(_ _)M

2007-05-10 02:11の質問
ブログ  デザイン  スタイルシート  初心者  個別記事    ライン  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2007-05-10 16:41:42ベスト
Liquid Smokeの記事本文は、背景の画像で、線で囲まれているようにみえるだけデス。



記事を線で囲むとしたら・・あたしだったら、
テーブルで囲んでしまいます。その場合、
HTMLの中の、
<IndexArticlesLoop><$TrackBackAutoDiscovery$>の前に

<table cellpadding="0" cellspacing="0" border="1" id="fullbody" style="border-collapse: collapse bordercolor="#111111"><tr><td>
と記入し、

</IndexArticlesLoop>のうしろに、

</td></tr></table>
と、記入します。
なお、border="1" が線の太さで、bordercolor="#111111"が線の色です。
そして、日付の上から囲われますが。。

次に、
記事の下にあるタグやコメント、トラックバックなどと本文との区切り線ですが、
CSSの中の、

/**********************************
*** Common ***
**********************************/
のところにある
.posted{
ここに

border-top: 1px dashed #999999;
padding:10px;
と、記入します。

dashed---点線 solid―実線 dotted・・ドット線となり、
#999999は色。
余白はpadding:10px;の数字を調整して、いろいろ試してみてくださいネ。

自分流なので「自信なし」でヨロシクお願します(≧∀≦;)
自信度 : 自信なし

POPさん、丁寧に教えてくださってどうもありがとうございました(*^-^*)
また、質問投稿するかもしれませんがその際はよろしくお願いします<(_ _)>

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: