以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-331.htmlより取得しました。


メニューバーに最新記事と最新コメントを表示する

PSP Theme'zさんがメニューバーに最新記事と最新コメントを表示する方法を教えてくれたので紹介します。

このカスタマイズを施すには、まずメニューバーのドロップダウンの記事にあるスタイルシートを加えてください。

そしてHTMLを下記のように編集してください。

<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事1</a></li>
<li><a href="<%url>blog-entry-2.html">記事2</a></li>

<!--▼ 最新記事 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新記事</a>
<ul>
<!--recent-->
<li>
<a href="<%recent_link>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
</ul>
</li>
<!--▲ 最新記事 ▲-->

<!--▼ 最新コメントを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新コメント</a>
<ul>
<!--rcomment-->
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>
<!--/rcomment-->
</ul>
</li>
<!--▲ 最新コメントを表示 ▲-->


</ul>
<!--▲ メニューバー ▲-->


これでメニューバーに最新記事と最新コメントを表示することができます。
PSP Theme'zさん、ありがとうございました^^
関連記事



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-331.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.13