FC2ブログ

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








またテンプレの話。興味ない方ごめなさい

昨日からがんばってるカスタマイズ。
「Read more」を開いたあと、折りたたみにしたくてがんばってた

折りたたみには一応なるんだけど、閉じたらすっごいトコに飛んでしまって...。


めっちゃ調べてもどうやっても分かんなかったので
fc2ブログ ユーザーフォーラムへ初質問しまシタ。

すぐお返事あって、的確に教えてもらえて、ちゃんと治りました
すごい!すごすぎる!!!!
ありがとうございます!Chako様★★


ブログカスタマイズ本にはぁまり載ってない技。
良ければしてみて下さい♪

難点は、続きに掲載した画像もブログtopに含められるので
ブログの表示が遅くなってしまうコト。
ぁたしのブログはこのセイで表示が遅いんですね(汗)
分かってながらゴメンナサイ・・


こんな感じに折りたたみになります。ソースは青矢印emoji
2箇所 HTMLの変更が必要。

①</head>タグの上に下のJavaScriptを入れます。

<script language="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>


②<!--more_link-->~<!--/more_link-->で囲まれた部分を下のように修正します。

<!--more_link-->
<div class="entry_text">
<div id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">続きを読む</a><br/>
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br/>
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">続きをたたむ</a>
</div>
</div>

<!--/more_link-->



以上2点で折りたたみ式になると思います。

「続きを読む」「続きをたたむ」の文字は好きにかえてOK


<!--more_link-->の位置がわからない場合は、Ctrl+F で検索できます♪


閉じたときに記事の頭へ戻れない!

閉じるときにはid="<%topentry_no>"を目印にしているので、
記事タイトル(<%topentry_title>)を囲む<h3>や<div class="entry_title">などに
id="<%topentry_no>"を入れます。

<%topentry_title>がどこにあるかわからないという場合は、
<%topentry_body>(記事本文)の上を探してください。
ほとんどの場合で記事タイトルは記事本文の頭にあり、<%topentry_body>はテンプレ内にひとつしかないので見つかると思います。

by アジアンビートカンケリキッズさんより。

似た質問はコチラを参照→追記のおりたたみを閉じたとき記事のはじめに戻らない by Crea
関連記事
スポンサーサイト








Creaさんすごいですねぇ♪
私も前に仕事でHPとか作っていたんですが、自分のブログはかなりいい加減です(笑)
でもブログをそこまでいじれるようになっただなんてすごいです!
私もhtmlもcssも独学だったので、苦労はすごくよくわかります;
あの英語やら数字やら謎の記号は慣れるまで時間かかりますよね。。。

私も久々にブログいじろうかなーと思いはじめました!!
でも思うだけで何もやらないかも。。。
【2008/04/03 14:38】 | しずか。 #-[ 編集]
i-221しずかさんへ_by Creai-221

全然です(汗)
めっっちゃ時間かかりすぎて頭痛すぎです。
仕事でHP作ってたってスゴイですね!!
すごい☆☆

しずかさんも、ブログカスタマイズ・ファイトです!
思うだけで何もやらない気持ち、分ります(爆)
英語・記号をみるのは「やるぞ!」と思ったときしか気が乗らないですよねi-202
【2008/04/03 17:44】 | Crea #-[ 編集]
Creaさん凄い!
ちょっと体調を崩して見れなかった間に凄いことになってるv-237
あたしにはまるで呪文のようで・・・

こんなに色々出来たら楽しそうだなぁぁv-10

あたしも色々カスタマイズしてみたいんですよ!
もっと可愛くしたくて☆

Creaさんお勧めの本はアメブロでも使えますか??

いやぁぁ、凄いですv-238
【2008/04/04 15:19】 | ayu #-[ 編集]
i-221ayuさんへ_by Creai-221

体調は大丈夫ですか?
もうすぐハワイへ出発ですよね!ゆっくり休んでください!!
4月の何日挙式ですか?差し支えなければ教えて下さいi-237

ブログはかなり変えましたi-189
アメブロとかジュゲムとか、かなりかわいいテンプレートがうらやましくて、変えたくなりました。

アメブロでは紹介した本は使えないデス・・。
livedoorやexciteやgooブログなど、ブログ別にカスタマイズ方法が書いてるんですが、アメブロは載ってませんでした。カスタマイズできない分、もとからカワイイんだと思います。i-179
【2008/04/04 15:58】 | Crea #-[ 編集]














管理者にだけ表示を許可する



| HOME |

Design by mi104c.
Copyright © 2018 +Crea*のprecious Days+, All rights reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。