人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

記事の複数投稿時に記事の間に区切り線をいれたい

●質問者: weareforevertogether
●カテゴリ:はてなの使い方
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● めざら

はてなダイアリーの記事のことと推測します。
同じ日付のうちの個々の記事は,sectionというクラスの要素で囲まれています。
この要素の上あるいは下のボーダーを表示させるようにすればよいと思います。
CSSの設定で,以下の例のように指定します。

.section { border-top: solid 1px #000000 }

副作用としては,記事と記事の間だけでなく,各記事の上または下に必ず表示されるので,上位の要素と違和感がないようにする必要はあります。
記事と記事の間だけ表示する方法はわかりません。


weareforevertogetherさんのコメント
ありがとうございました。とにかくやってみます

2 ● うぃんど

HTMLタグを挿入

<hr style="margin:10%;border:1px gray dotted;" />

marginには余白のサイズを指定します
%による相対指定にしていますが、
20pxといった絶対指定もできます

borderには線の属性を指定します
・線の幅
1pxにしてあります
・色
gray以外の色は下記参照
http://www.htmq.com/color/colorname.shtml
・線種
solid(一本線)、double(二重線)、dashed(破線)、dotted(点線)など


以下、応用編

毎回長ったらしいタグを入れるのが面倒ならば、
ダイアリーの管理画面の「デザイン」で「かんたん」ではなく「詳細」を選び、
スタイルシートの欄に下記のように書き加えておきます

hr { margin:10%;border:1px gray dotted; }

スタイルシートに書き加えておけば、
以後は下記HTMLタグだけでいつでも同じスタイルの区切り線になります

<hr />

weareforevertogetherさんのコメント
ありがとうございます。さっそくやってみます。

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ