Top
iBlog エントリとタイムスタンプをラインで区切る方法
リクエストがありましたのでエントリします。
ここのエントリのように
エントリー下の、タイムスタンプ上にラインを入れる方法です。
★
まず、テンプレートセットの
BlogPage.txt、CategoryPage.txtの
該当するタイムスタンプ関連を一式
（ComComサンプル：表示の都合で改行してあります。）
<div class="blogfooter">
Posted at <$EntryTimestamp$>
<script language="JavaScript">
getCategoryName("<$EntryCategoryUUID$>");</script>
<script type="text/javascript">
postCount('<$EntryUUID$>');</script>
続きを読む→
</div>
のように、オレンジの部分で囲みます。
次にスタイルシートの、どこでもいいので
.blogfooter{
border-top:1px dotted #ccc;
padding-top:3px;
padding-bottom:3px;
}
といれます。
余白など適当に調整して下さい。
これでできあがり！
font-size:11px;
color:#666666;
を追加すれば、文字サイズやカラーの調整など
エントリー下部単独で出来るようになるメリットもあります。
さらに
.blogfooter A:link { color: #336699; font-size:11px;}
.blogfooter A:visited { color: #999999; font-size:11px;text-decoration: none;}
.blogfooter A:active { color: #999999; font-size:11px;text-decoration: none;}
.blogfooter A:hover { color: #99CCCC; font-size:11px;text-decoration: none;}
とすると、エントリー下部のリンクカラーを別で設定することも出来ます。
参考になれば以下で。
ComComのスタイルシートを見たい方はここからどうぞ（はずかし〜）
styles-site.css
Blog Top - Main
Category -
Search ComCom
About ComCom
Profile
My Trackback People
Syndicate this site
