Top    

うにゅうにゅ〜


UnderDone さんのうにゅうにゅを使ってみました!

うにゅっていうより、サクサクって感じですね。
うちの場合、エントリが無駄に長いので(無駄に改行が多い)
使ってみるか迷いましたが。試してみました。

表示が長くなるので、エントリ数を減らしました。

あと、続きの表示の仕方をちょと悩みました。(まだ悩み中)
エントリページへのリンクが「続きを読む」だったので
これを、EntryPageに変更。表現を「もっと見てみる」に。(^^ゞ

ひとまずこんな感じで・・・

右に出したかったので
「もっと見てみる」のところに、別のCSSをかませました。

CSSファイルのどこでもいいので入れます。(ComComサンプル)

.readmore{
font-family:HiraMaruPro-W4;
font-size: 10px;
padding-right:15px;
padding-bottom:15px;
text-align:right;
}

.readmore A { color: #999999; font-size:10px;text-decoration: none;}
.readmore A:link { color: #336699; font-size:10px;text-decoration: none;}
.readmore A:visited { color: #999999; font-size:10px;text-decoration: none;}
.readmore A:active { color: #999999; font-size:10px;text-decoration: none;}
.readmore A:hover { color: #99CCCC; font-size:10px;text-decoration: none;}

BlogPage.txtの以下の部分をブルーの部分で囲みます。
(表示の都合で改行しています。オレンジの<は全角です。)

<div class="readmore">
<span id="varM<$EntryUUID$>">
a href="<$EntryCategoryUUID$>/<$EntryUUID$>/index.html"
onclick="showMore('<$EntryUUID$>',
'<$EntryCategoryUUID$>/<$EntryUUID$>/index.html');return false;">
もっと見てみる &gt;&gt;</a>
</span>
<span id="varR<$EntryUUID$>" style="display: none">
<br />
a href="#<$EntryUUID$>" onclick="showMore('<$EntryUUID$>',0);return true;">&lt;&lt; しまう</a>
</span>
</div>

もう少しきちっと詰めたいんですが〜

Posted: Mon - January 12, 2004 at 11:09 PM