■追記部分を折りたたみにする。
HTMLをカスタマイズしている方は下記の部分だけ書きかえてください。
↓この共有プラグインを利用しました。
プラグインの折りたたみ
<head>~</head>内に下記のスクリプトを書き加えてください。
<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->
</script>
↓<body>~</body>内。
↑の部分を↓の様に書きかえてください。<!--more_link-->
<div class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む >></a></div>
<!--/more_link-->
<!--more_link-->
<div id="PlagOpen<%topentry_no>">
<div class="entry-more"><a href="#" title="続きを読む" onclick="showPlagin(<%topentry_no>);return false;">続きを読む▽</a></div></div>
<div id="PlagClose<%topentry_no>" style="display: none">
<%topentry_more>
<div class="entry-more"><a href="#" title="続きを閉じる" onclick="showPlagin(<%topentry_no>);return false;">続きを閉じる△</a></div></div>
<!--/more_link-->
※更に個別記事も折りたたみにしたい場合は
↑の部分も↓の様に書きかえてください。<!--more-->
<br><%topentry_more>
<!--/more-->
<!--more-->
<div id="PlagOpen<%topentry_no>">
<div class="entry-more"><a href="#" title="続きを読む" onclick="showPlagin(<%topentry_no>);return false;">続きを読む▽</a></div></div>
<div id="PlagClose<%topentry_no>" style="display: none">
<%topentry_more>
<div class="entry-more"><a href="#" title="続きを閉じる" onclick="showPlagin(<%topentry_no>);return false;">続きを閉じる△</a></div></div>
<!--/more-->
↓左寄せにしたい場合は赤字部分を消してください。
/* 追記部分 */
.entry-more {
padding : 10px 10px 0px 0px;
text-align : right;
}
■コメント
■できません… [椎名]
simple_blackを愛用させて頂いているのですが、
タイトルの背景画像をランダムで表示させるスクリプト
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "任意の画像URL";
wall[1] = "任意の画像URL";
wall[2] = "任意の画像URL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">#header { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
を</head>の上に入れればいいとのことなのに、何度やっても1枚すら表示されず、タイトル背景は真っ黒のままです
</head>の真上に入れるだけじゃ駄目なのでしょうか
どこか消したりしなければいけないのでしょうか
お忙しいとは思いますが教えて頂けたら嬉しいです
■ [椎名]
因みに違うテンプレで試しましたが問題なく表示されました…
いったい何が違うのかわかりません…
■ [椎名]
諦めて違うテンプレを使うことにしましたm(_ _)m
■ [箱一@管理人]
一応他の方も使えるように解説しておきます。
おそらくID名が違うせいだと思います。
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "任意の画像URL";
wall[1] = "任意の画像URL";
wall[2] = "任意の画像URL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">#header { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
赤字部分を↓「branding」に書き換えれば表示されると思います。
document.write('<style type="text/css">#branding { background-image:url(' , wall[rnd] , '); }
■承認待ちコメント []
■ [箱一@管理人]
どういたしまして!
自分がテンプレ初心者なので、
自分で読んで分かるように書いてます(笑)
■ごめんなさい! [Michi]
自サイトでコメント再編集のテストをしたのですが、PASSを何度いれてもエラーになってしまい、こちらではどうだろう…と、追記を編集してみたところ、送信はできたのですが、本文がすべて消えてしまいました。。。
何回かいれなおしたのですが、はいらないので、このまま帰ります。ごめんなさい…(T-T)
■こちらこそごめんなさい!!!! [箱一@管理人]
申し訳ございません、テンプレートの記述ミスです。
ご報告ありがとうございましたm(_ _)m
最新記事に修正部分を載せていますので
お手数ですが修正をお願いいたします。
ご迷惑をお掛けして申し訳ございませんm(_ _)m
■はじめまして [宵]
出来るかどうかわからなかったのですが
箱一さんのこの記事のおかげで
折りたたむことが出来ました!
とっても嬉しいです(*゚ー゚)
ありがとうございましたペコリ(o_ _)o))
■どういたしまして! [箱一@管理人]
スクリプトはプラグインからの借り物ですが
お役に立てたようで良かったです!
■ [マサキ]
返信ありがとうございます。
早速試してみます。