Top    

iBlog エントリの要約と内容を罫線で区切る方法


うにゅうにゅを入れた今、エントリページのウェイトが低くなりましたが

トラックバックで要約を表示して、エントリページに直リンクすることも
今後よくありそうということで、
要約と、内容の区切りを入れておくと親切かなと思いました。

なので、こんな風に エントリの要約と内容を罫線で区切る方法を紹介します。
(うにゅうにゅでは、導入できないようです。方法模索中(>_<))

簡単です。


テンプレートファイルEntryPage.txt の


<$EntryAbstract$> <br />
<$EntryBody$> <br />

となっているところを

<div class="entryabs">
<$EntryAbstract$>
</div>
<$EntryBody$> <br />

として

CSSのどこでもいいので以下のように入れます。(ComComサンプル)

.entryabs{
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:15px;
}


といれます。これだけです。
リセット後プレビューで確認して下さい。

Posted: Tue - January 13, 2004 at 11:15 AM