うにゅうにゅ〜
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;">
もっと見てみる
>></a>
</span>
<span
id="varR<$EntryUUID$>" style="display:
none">
<br
/>
<a
href="#<$EntryUUID$>" onclick="showMore('<$EntryUUID$>',0);return
true;"><<
しまう</a>
</span>
</div>
もう少しきちっと詰めたいんですが〜