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


【続きを読む】【続きを閉じる】を画像にする

当サイトが公開している共有テンプレートにおいて、
【続きを読む】
【続きを閉じる】
を画像にする方法を紹介します。

HTMLを編集します。

<!--▼ エントリー(記事)▼-->


<!--more_link-->
<div id="varP<%topentry_no>">
<div class="readmore">
<a href="<%topentry_link>" title="<%topentry_title>の続きを読む" onclick="showMore(<%topentry_no>,'<%topentry_link>');return false;" id="entry<%topentry_no>aa" name="entry<%topentry_no>aa">【続きを読む】</a></div>
</div>

<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="<%topentry_title>の続きを閉じる" onclick="showMore(<%topentry_no>,0);return true;">【続きを閉じる】</a></div>
<%topentry_more>
</div>
<!--/more_link-->


<!--▲ エントリー(記事)▲-->


赤い箇所を
<img src="画像URL" alt="<%topentry_title>の続きを読む" border="0" />

青い箇所を
<img src="画像URL" alt="<%topentry_title>の続きを閉じる" border="0" />

と入れ替えてください。

画像URLには、各自用意した画像のURLを入れてください。

これで【続きを読む】【続きを閉じる】を画像にすることができます。

関連記事



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

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