お蔵入り
記事タイトルと本文のあいだを分割したいのですが
すみませんが、livedoorブログで、現在使っているスタイルシートでは、記事タイトルと本文の間は分割されておりません。見やすくするために、記事タイトルと本文の間を線(記事を囲っている線がベストです)か何かで分割したいのですが、可能でしょうか?ご存じの方が居らっしゃたら教えてください。
2008-03-02 02:17の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(1)
1.
2008-03-02 04:15:11
テンプレート上で
記事タイトルと
記事の間に
<hr>
(あるいは<hr />)
(いわゆる水平線です)を入れるのが一番簡単かと思います。
あるいは、記事タイトルに下線を入れるスタイルを設定する(ウチのデザインだともともとそうなっています)
記事を囲むには、
記事を囲むようにdivを設定する必要があります。
ウチのデザインだともともと記事を囲むdiv はありません。
タイトルを除く部分つまり
<h3 class="title">記事タイトル(仮)</h3>
の後からblogbodyの終りの</div>
の前までを
<div class="article">
(ここに実際の内容がはいるようにする)
</div>
で囲むようにします。
(クラス名が既に使われているなら、別のクラス名に、すでに望む範囲が囲まれているならそのクラス名を使うかクラス名を付けます)
そして、
スタイルの方で
デザインによって多少構成は異なると思いますので、どのように適用するかは自分で判断いただかないといけません。
記事タイトルと
記事の間に
<hr>
(あるいは<hr />)
(いわゆる水平線です)を入れるのが一番簡単かと思います。
あるいは、記事タイトルに下線を入れるスタイルを設定する(ウチのデザインだともともとそうなっています)
.title{
…
border-bottom:1px solid #399;
}
とか記事を囲むには、
記事を囲むようにdivを設定する必要があります。
ウチのデザインだともともと記事を囲むdiv はありません。
タイトルを除く部分つまり
<h3 class="title">記事タイトル(仮)</h3>
の後からblogbodyの終りの</div>
の前までを
<div class="article">
(ここに実際の内容がはいるようにする)
</div>
で囲むようにします。
(クラス名が既に使われているなら、別のクラス名に、すでに望む範囲が囲まれているならそのクラス名を使うかクラス名を付けます)
そして、
スタイルの方で
.article{
border:1px dotted #crimson;
}
とか指定します。デザインによって多少構成は異なると思いますので、どのように適用するかは自分で判断いただかないといけません。
回答レベル : アドバイス
Ads By Google
コメント
まだコメントがありません

