Ads By Google
記事と記事の間にバーを入れたいのですが・・・
記事のタイトルの上(コメントやトラックバックの下)にバーを入れるようにしたいのですが、わかる方教えてください。ちなみに、ブログは
です。
(※記事日付、投稿時間、投稿ID消してます)
2007-03-16 01:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(4)
3.
2007-03-17 19:01:29

念の為に
タイトルの上にボーダーでスタイルや太さや色の設定などは
を参考にしてください
コメントやトラックバックの下のボーダーの設定は
を参考に
タイトルの上にボーダーでスタイルや太さや色の設定などは
を参考にしてください
コメントやトラックバックの下のボーダーの設定は
を参考に
有難うございます!出来ました!
教えてもらったアドレスを参考にしてアレンジしましました。
1.
2007-03-16 01:22:21
全く詳しくないですが、探してみたら最近のログで参考になりそうなものがありました。
記事と記事の間にきれいに画像を使ってバーを入れておられます。ブログアドレスも載っているのでご覧下さい。
記事と記事の間にきれいに画像を使ってバーを入れておられます。ブログアドレスも載っているのでご覧下さい。
回答レベル : 回答
2.
2007-03-17 18:53:26
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:******;
としてやればコメントやトラックバックの下にボーダーが出ます。
から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:******;
としてやればコメントやトラックバックの下にボーダーが出ます。
4.
2007-03-17 21:05:40
HTMLテンプレートを変更しても良いのでしたら、個別記事ページ以外のHTMLテンプレートの記事の区切りのところに、少し追加すればできると思います。
青い線を5pxの太さで、影をつけずに入れる場合は、次のようなHTMLタグが使えます。
また、widthやalignも使えます。
これを
こんな感じでどうでしょうか?
これは、スタイルシートで日付を消していることを前提にしています。
日付があると、それに重なります。
青い線を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>
こんな感じでどうでしょうか?
これは、スタイルシートで日付を消していることを前提にしています。
日付があると、それに重なります。
回答レベル : 回答
Ads By Google
コメント(2)
#1. びずしょっぷ
2007-03-16 10:13:23
有難うございます。
ただ、日付を
.datebody, .date {
display: none;
}
で消してしまっているので、このやり方だとできませんでした・・・
違う日付の消し方があればいいんですが・・。
#2. びずしょっぷ
2007-03-18 01:32:21
>horseflyさん
丁寧な説明有難うございました!




