TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪ 管理不届きで申し訳ありません~~∑(>д<)

08月« 2017年09月 /  123456789101112131415161718192021222324252627282930»10月
BLOGTOP » スポンサー広告 » TITLE … Q&A:追記の開閉(折りたたみ)作成方法BLOGTOP » カスタマQ&A » TITLE … Q&A:追記の開閉(折りたたみ)作成方法

スポンサーサイト

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

Q&A:追記の開閉(折りたたみ)作成方法

Q16.追記の開閉(折りたたみ)の作成方法…

A.追記をページ移動することなく、開閉(折りたたみ)するには、下記の方法でできます。
ただし、ブログTOPを開く際には、追記記事も一緒に読み込むので、追記に画像が多いと、表示が遅くなります。

****** ▼ 追記記事 ▼ ******

【HTML編集】内の、</head>の上に下記の《1》を挿入。

《1》
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>


下記の場所を探して、赤太文字の位置に、《2》を差し替え。

<!-- 中央記事部分:ここから -->
<!--topentry-->
<div class="section" id="a<%topentry_no>">

<div class="entry-header">
<h2><%topentry_title></h2>
<div class="entry-date">[No.<%topentry_no>] <%topentry_year>/<%topentry_month>/<%topentry_day> (<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></div>

</div>

<div class="entry-body"><%topentry_body>

<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a><br /><br /></p>
<!--/more_link-->


<!--more--><br /><br />
<img src="http://blog-imgs-41.fc2.com/t/e/m/temtemclub/tp3-13-k-line.gif" width="430" height="30" alt="桜らいん" border="0" /><br />
<a name="more" id="more"></a><br />
<%topentry_more>
<!--/more-->

《2》
<!-- 追記の開閉:ここから -->
<!--more_link-->
<!--BisEntryIfExtended-->
<p class="entry-more" id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">追記を読む &raquo;</a>
</p>

<div id="varXYZ<%topentry_no>" style="display: none">
<br />
<img src="http://blog-imgs-41.fc2.com/t/e/m/temtemclub/tp3-13-k-line.gif" width="430" height="30" alt="桜らいん" border="0" /><br /><br/>

<%topentry_more>

<p class="entry-more">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">&laquo;追記を閉じる</a></p>

</div>
<!--/BisEntryIfExtended-->
<!--/more_link-->
<!-- 追記の開閉:ここまで -->

↑に入っているライン(表記事と追記記事の境界線ライン)は、『anzu-tp3_13』の桜ラインgif↓です。
<img src="http://blog-imgs-41.fc2.com/t/e/m/temtemclub/tp3-13-k-line.gif" width="430" height="30" alt="桜らいん" border="0" />
《2》を入れた際には、このラインを緑太文字の位置にある、gifに変更してください。

以上の作業で開閉はできるはずですが、「<<追記を閉じる」で戻ると、該当記事の頭に戻れない場合は、上の青太文字の箇所を、下記に変更してみてください。
<h2 id="<%topentry_no>"><%topentry_title></h2>
スポンサーサイト

*** COMMENT ***

NO TITLE

いつも、素敵なテンプレートで(人'▽`)ありがとう☆ございます!

実は、別館の19・・ayu-tp2_23これがとっても可愛いと思ってコメントさせてもらいました。

もう、きっと配信されていないのだと思うのですが、もしダウンロードでお借り出来る様ならと思いきってコメントさせて頂きました。

宜しくお願いします!

みゆさんへ

旧作を気に入って頂いて、ありがとうございます。

「ayu-tp2_23」は、リメイクしていませんので、配信停止にはなっておりません。
ですので、共有テンプレートから検索ページで、名前のところに、「ayu-tp2_23」を入れて検索して頂くと、表示されると思います。

旧作なので、表示に不具合が出ないかちょっと心配なのですが、よろしければ使ってやってください。

ありがとうございます!

ありがとうございます☆

見つかりました☆嬉しいです^^
これからも、宜しくお願いします(*・ω・)*_ _))ペコリン

COMMENT投稿

管理人にだけ読んでもらう

TRACKBACK

この記事のトラックバックURL

この記事へのトラックバック

■Q&A:追記の開閉(折りたたみ)作成方法

Q28.追記の開閉(折りたたみ)の作成方法?A.追記をページ移動することなく、開閉(折りたたみ)するには、下記の方法でできます。ただし、ブ...
2009/03/28(土) 14:47:42 | TEMTEM★倶楽部
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。