livedoor ナレッジ

記事と記事の間にバーを入れたいのですが・・・

記事のタイトルの上（コメントやトラックバックの下）にバーを入れるようにしたいのですが、わかる方教えてください。
ちなみに、ブログは

です。
（※記事日付、投稿時間、投稿ID消してます）

念の為に
タイトルの上にボーダーでスタイルや太さや色の設定などは
http://www.htmq.com/style/border-bottom.shtml
を参考にしてください

コメントやトラックバックの下のボーダーの設定は
http://www.htmq.com/style/border-top.shtml
を参考に

　全く詳しくないですが、探してみたら最近のログで参考になりそうなものがありました。

記事と記事の間にきれいに画像を使ってバーを入れておられます。ブログアドレスも載っているのでご覧下さい。

http://knowledge.livedoor.com/18208

h1,h2,h3{margin:0;padding:0;}
からh2を消して
h1,h3{margin:0;padding:0;}
にして

h2.title{
border-top:********;
}

をその下辺りに書き加えてください。
これで記事のタイトルの上にボーダーが出ます
****でスタイルや太さや色を決めます。その辺りはお好きなようにです


　　　.posted{
　　　font-size:xx-small;
　　　text-align:right;
　　　padding:5px 0;

に

border-bottom:**************;
を書き食わせて
.posted{
font-size:xx-small;
text-align:right;
padding:5px 0;
border-bottom:******;
としてやればコメントやトラックバックの下にボーダーが出ます。

HTMLテンプレートを変更しても良いのでしたら、個別記事ページ以外のHTMLテンプレートの記事の区切りのところに、少し追加すればできると思います。

青い線を5pxの太さで、影をつけずに入れる場合は、次のようなHTMLタグが使えます。

<hr color="#0000ff" size="5" noshade>

色の指定は、ブラウザによっては反映されない場合があります。
また、widthやalignも使えます。

<hr color="#0000ff" size="5" noshade width="250" align="left">

これを

<div class="fullbody">
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>

の間に入れます。

<div class="fullbody">
<hr color="#0000ff" size="5" noshade>
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>

こんな感じでどうでしょうか？

これは、スタイルシートで日付を消していることを前提にしています。
日付があると、それに重なります。