f-blog

FC2ブログ用共有テンプレート制作ブログ。

TOPIC


※当ブログからの素材の持ち帰りはご遠慮願います。


 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
edit |  tb: -- | cm: --
 
10/09/28付けで全テンプレートを変数で関連記事リストが表示できる様に修正しました。
スタイルシート(CSS)に /* Last Update - 2010/09/25 */ と記載されてるテンプレートが対応済みとなります。

関連記事リストの表示についての記事を参考にカスタマイズしても構いませんが、htmlとCSSを多少修正しましたので基本的には再DLをオススメします。

追記に関連記事リスト用のhtmlとCSSを記載しますのでカスタマイズの参考にして下さい。
html

<!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt"><%topentry_category>の関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a>&nbsp;(<%topentry_relate_year>/<%topentry_relate_month>/<%topentry_relate_day>)</li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li"><%topentry_relate_title>&nbsp;&nbsp;&laquo;&nbsp;&laquo;</li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->


CSS

.relate_dl {
margin: 10px;
padding: 5px 10px;
border: 1px #DDD solid;
}

.relate_dt {
margin: 0 0 10px;
border-bottom: 1px #DDD solid;
}


CSSは最低限の指定しかしてないので、必要に応じてhtmlのクラス名を参考に追加して下さい。
また上記ソースはテンプレートにより多少異なります。


カスタマイズ例
・表示中の記事を消す。
htmlから<!--relate_entry_now_showing--> ~ <!--/relate_entry_now_showing-->を削除。
スポンサーサイト
パソコン用テンプレートの関連記事
edit |  tb: 0 | cm: 0

コメント


▲Page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。