機能としては以下の通り。
- リスト部分を閉じたり開いたりできる
- リストに含まれるアイテム数をカウントして表示する
- 折り畳み用ボタンを開いた状態・閉じた状態で設定できる
二番目の機能によって開いたときの高さなどが少しは分かりやすくなります。
また各リストに対して初期表示状態を決めることが出来ます。
閉じた状態にするとすっきりしますが、アクセスするために手間が増えるのでページの使い勝手が悪くなる場合があります。やたらとリストの初期表示状態を閉じた状態にはしない方が良いかもしれません。
繰り返しますが、このスクリプトは設置がやや面倒ですので予めご承知下さい。
多くの標準テンプレートではリスト部分は次のようになっているはずです(HOMEなどは若干形式は異なりますが、基本的な構成はそれほど大きく変わりません)。
ここでは独自タグ{latest_entry_list}を例にとります(テンプレートにsimpleを利用した場合)。
<!-- BEGIN latest_entry -->
<div class="linktitle">
+ NEW ENTRIES
</div>
<div class="linktext">
{latest_entry_list}
</div>
<!-- END latest_entry -->
class="linktitle"class="linktext"これを次のように変更します(強調部分が変更した部分です)。
<!-- BEGIN latest_entry -->
<div class="linktitle" id="newentryname">
+ NEW ENTRIES
</div>
<div class="linktext" id="newentrylist">
{latest_entry_list}
</div>
<!-- END latest_entry -->
つまり、それぞれの<div>タグにid属性を付けます。
{latest_entry_list}に関しては
- リストタイトル：newentryname
- リスト本体：newentrylist
のようになります。
リストタイトルのid属性は「〜name」になり、リスト本体のid属性は「〜list」になります。
ここまではよろしいですか？
ツリー化やプルダウンメニュー化などですでにidを付けているリスト本体には必要ない場合がありますので、注意してください。
このidを付ける操作を折り畳み機能を付けたいリストに対して行います。
もちろんid属性は付けるリスト毎に変えます。付けるidは以下のようになります。
- ページエントリーリスト
- タイトル：entryname
- 本体：entrylist
- 最新エントリーリスト
- タイトル：newentryname
- 本体：newentrylist
- 最新コメントリスト
- タイトル：commentname
- 本体：commentlist
- 最新トラックバックリスト
- タイトル：tbname
- 本体：tblist
- リンクリスト
- タイトル：linkname
- 本体：linklist
- カテゴリーリスト
- タイトル：categoryname
- 本体：categorylist
- アーカイブリスト
- タイトル：archivename
- 本体：archivelist
- ユーザーリスト
- タイトル：profilename
- 本体：profilelist
ですから、例えば、最新コメントリストは標準テンプレートのsimpleを利用した場合、次のようになります(強調部分が変更した部分)。
<!-- BEGIN recent_comment -->
<div class="linktitle" id="commentname">
+ RECENT COMMENTS
</div>
<div class="linktext" id="commentlist">
{recent_comment_list}
</div>
<!-- END recent_comment -->
先にも述べましたが、ツリー化やプルダウンメニュー化などですでにidを付けているリスト本体には必要ない場合がありますので、注意してください。
同じid属性の要素が複数存在するとスクリプトは正しく動作しないと思います。そもそもhtmlとしても不正なのですが、それはまた別のお話。
ここまでが下準備になります。
続いてスクリプト本体を設置します。
例によってhtmlテンプレートの最後の方に挿入するのですが、注意点として、ツリー化やプルダウンメニュー化を行っている場合にはそれらのスクリプトの前に置くということです。
ツリー化やプルダウンメニュー化を行うとリストアイテムの数が変化します。そのため変化する前に折り畳みスクリプトを起動する必要があります。
<script type="text/javascript">
<!--
function InitFoldNavi() {
FoldNavigation('newentry','off',false); // 最新エントリ
FoldNavigation('entry' ,'on' ,true); // ページエントリ
FoldNavigation('comment' ,'on' ,false); // 最新コメント
FoldNavigation('tb' ,'on' ,false); // 最新トラックバック
FoldNavigation('archive' ,'off',true); // アーカイブ
FoldNavigation('link' ,'on' ,true); // リンク
FoldNavigation('profile' ,'off',false); // プロファイル
}
function FoldNavigation(idName,initMode,viewNum) {
var openMark = '▽'; /* 閉じている場合に開くためのマーク */
var closeMark = '△'; /* 開いている場合に閉じるためのマーク */
var preMark = true; /* マークの挿入位置。タイトルの前なら true、タイトルの後ろなら false */
var idTitle = Array(idName,'name').join('');
var idList = Array(idName,'list').join('');
var objTitle = this.document.getElementById(idTitle);
var objLists = this.document.getElementById(idList);
if (!objTitle || !objLists) return;
var dispMode = objLists.style.display;
if (!dispMode) {
var tmpText = Array('FoldNavigation(',"'",idName,"','chng','');return(false);").join('');
var insMark = new Array();
var insText = new Array();
insMark[insMark.length] = Array('<a class="foldmark" href="#" onclick="',tmpText,'" onkeypress="',tmpText,'">').join('');
insMark[insMark.length] = (initMode == 'off') ? openMark : closeMark;
insMark[insMark.length] = '</a>';
if (preMark) insText[insText.length] = insMark.join('');
insText[insText.length] = objTitle.innerHTML;
if (viewNum) {
var objItems = objLists.getElementsByTagName('li');
insText[insText.length] = Array(' <span>(',objItems.length,')</span>').join('');
}
if (!preMark) insText[insText.length] = insMark.join('');
objLists.style.display = (initMode == 'off') ? 'none' : 'block';
objTitle.innerHTML = insText.join('');
} else if (initMode == 'chng') {
var objMarks = objTitle.getElementsByTagName('a');
for (i=0;i<objMarks.length;i++) {
if (objMarks[i].className == 'foldmark') {
objMarks[i].firstChild.nodeValue = (dispMode == 'none') ? closeMark : openMark;
}
}
objLists.style.display = (dispMode == 'none') ? 'block' : 'none';
}
}
InitFoldNavi(); // ナビゲーションの折り畳み
// -->
</script>
このスクリプトのカスタマイズ方法について説明します。
上記スクリプトの最初の方にある
function InitFoldNavi() {
FoldNavigation('newentry','off',false); // 最新エントリ
FoldNavigation('entry' ,'on' ,true); // ページエントリ
FoldNavigation('comment' ,'on' ,false); // 最新コメント
FoldNavigation('tb' ,'on' ,false); // 最新トラックバック
FoldNavigation('archive' ,'off',true); // アーカイブ
FoldNavigation('link' ,'on' ,true); // リンク
FoldNavigation('profile' ,'off',false); // プロファイル
}
という部分が各リストの初期表示状態を決めるところです。
FoldNavigation('newentry','off',false); // 最新エントリ
は最新エントリリストの初期表示状態を設定している部分が、これは次のような意味になります。
FoldNavigation('リスト名','初期表示',アイテム数表示);
「リスト名」はそれぞれをリストを指定する部分です。各リストのタイトルは「〜name」・本体は「〜list」というidが付いていますが、この内「〜」の部分がリスト名になります。
「初期表示」はデフォルトの表示状態を決定する部分です。offにすると閉じた状態、onにすると開いた状態が初期状態になります。
「アイテム数表示」はリストタイトルの横にアイテム数を表示するかどうかを指定する部分です。trueにするとアイテム数を表示して、falseにすると表示しません。
つまり、
FoldNavigation('newentry','off',false); // 最新エントリ
というのは、最新エントリリストに対して、最初は閉じた状態で表示され、リストタイトルの横にはアイテム数を表示しないということになります。
続いてスクリプト内部の項目について説明します。
var openMark = '▽'; /* 閉じている場合に開くためのマーク */
var closeMark = '△'; /* 開いている場合に閉じるためのマーク */
var preMark = true; /* マークの挿入位置。タイトルの前なら true、タイトルの後ろなら false */
という部分がマークやマーク位置の設定になります。コメントで簡単な説明を付けたので参考にしてください。
もし開くためのマークを
[開]、閉じるためのマークを
[閉]にして、マークをタイトルの後ろに付ける場合は、以下のようになります(強調部分が変更した部分)。
var openMark = '[開]'; /* 閉じている場合に開くためのマーク */
var closeMark = '[閉]'; /* 開いている場合に閉じるためのマーク */
var preMark = false; /* マークの挿入位置。タイトルの前なら true、タイトルの後ろなら false */
なお、アイテム数は
(10)のように括弧つきでリストタイトルの後ろにつきます。もしマークの挿入位置を後ろに設定した場合、アイテム数の更に後ろに付きます。
また、開閉マークは
<a class="foldmark">
というタグになり、アイテム数は単純に<span>要素で囲まれています。
従って、cssテンプレートには
.linktitle span {
color: gray;
}
.linktitle a.foldmark {
text-decoration: none;
}
のようなスタイルを追加します。
コメント
Safari, Camino, InternetExplorer for Macでも動作するというこちらのスクリプトのようにできたらなあと思ったんですが、なかなかそうはいきませんでした(^^;。
JUGEMを使う予定はないんですが、また寄せていただきます。ではまた(^^)。
(・e・)
ひよこまーく
# わーい。これ使ってみたかったんです。
＿|￣|○
コメントありがとうございます。
こんなスクリプトでも参考になれば幸いです。
ここで公開している折り畳みは設置方法がちょっと面倒なので、本当はもっと設置しやすいものにしたかったんですが。
私の方もfacetさんのスクリプトを参考にさせて頂きます。
参考になんてなりませんので、そんなこと言わないでください(^^;。こちらに書き込みしたらアドバイスのひとつでも貰えないかなーという下心だったんです。すみませんでした。
＿|￣|○
しかも、スクリプトを参考にさせていただいたと書きましたが、単にアイデアを頂戴したというべきでした。失礼しましたー。退散、退散。
（しかも、JUGEMに登録しちゃった私って……）
あ、アドバイスですか。
えぇと、どんなアドバイスをしたらいいんでしょう？(^^;
私も勉強がてら試行錯誤している感じなので、どれほどアドバイスできるかどうか分からないんですが。
アイデアに関しては気にしません。っていうかむしろ取り上げてくださってありがとうという感じです。
アイデアが他に採用されるってことはそれなりに魅力あるアイデアだったということで私の自信になります。
教えていただいたスタイルの追加とマークの挿入位置を変えてみたのですが、マークが左側先頭に来てしまいました（汗）。他に何か原因があるのでしょうか・・・・。
無事に機能はしてるんですけど…
開閉ボタンを画像に変えたら、画像の切り替えが出来なくなったみたいなんです
(^▽^;
とりあえず『△』と画像を差し替えただけなんですけど…汗
原因に心当たりなんかあるようでしたら教えていただけたら幸いです☆
スクリプト内部の一部を変えて下さい。
具体的には
if (objMarks[i].className == 'foldmark') {
objMarks[i].firstChild.nodeValue = (dispMode == 'none') ? closeMark : openMark;
}
という部分を
if (objMarks[i].className == 'foldmark') {
objMarks[i].innerHTML = (dispMode == 'none') ? closeMark : openMark;
}
にします。
firstChild.nodeValueをinnerHTMLに変更。
以上、ご参考いただければ、幸いです。
“△”の部分を画像に変えられないかなーと思っていたら
こちらに説明があったので便乗して使わせてもらいました♪
おおおおお♪
早いレスど〜もありがとうございました(^▽^
画像切り替えバッチリできました☆
今後ともよろしくおねがいしますです〜。。
見やすいBlogにしたくて、いろいろ使わせていただきました。<(_ _)>
折り畳みスクリプトも入れたのですがリンク部分が折り畳みされず、
アイテム数も表示されません(T-T)
他のところは、きちんと表示されてるのに…。
また「△」マークを後ろにつけた場合、端のほうに置くには、どうしたら良いでしょうか？
質問が多くてすいませんが、よろしくお願いします。<(_ _)>
当方の環境では正しく動作しているように見えます＞リンク部分の折り畳みとアイテム数表示
折り畳み用のマークを右端に置く方法ですが、cssとの組み合わせになります。折り畳みマーク自体はリストマークの「前」に置くように設定して下さい。
その上で、cssテンプレートに次のようなスタイルを追加します。
.linktitle a {
float: right;
width: 1.8em;
text-decoration: none;
}
こうすることで折り畳み用のマークを右端に置くことが出来ます。
以上、ご参考まで。
リンク部分は、よく見たら途中で改行して途切れてたみたいで
直したら、ちゃんと表示されるようになりました（汗
マークも無事、右端に置けました♪
お手数おかけしました。<(_ _)>
左のカラム部分がどんどん長くなっていくので、どうにかしたいなぁと思っていたのです。
takkyunさんのスクリプトで、すっきりとまとまりました！
ありがとうございますー。
そちらってこれから冬ですよねぇ？
涼しくなってきましたか？
ちなみに私は、NZへは行ったことがないんですけど。
今回折り畳みのスクリプトをお借りしようと思いまして、いじってみたのですがどうしてもマークが変な位置についてしまうのと、フォントサイズが反映されません。
どうしたら良いのでしょうか？
どうぞよろしくお願いしますm(._.)m
動作確認をしてみたらfalseにしているのに折り畳みにならず、マークをクリックするとマークがどんどん増えていってしまいます。
確認しました。
最新エントリ・最新コメント・リンクの折畳みを行おうとしていますね。
スクリプト自体はおそらく問題ありません。
それぞれの html の書式に若干問題があります。
最新エントリは以下のように変更してください。
<!-- BEGIN latest_entry -->
<div class="links" id="newentryname">
<img src="../template/cutout/img/newentries.gif" width="186" height="22" alt="" /><br />
</div>
<div class="linktext" id="newentrylist">
{latest_entry_list}
</div>
<!-- END latest_entry -->
最新コメントは以下の通り。
<!-- BEGIN recent_comment -->
<div class="links" id="commentname">
<img src="../template/cutout/img/comments.gif" width="186" height="22" alt="" /><br />
</div>
<div class="linktext" id="commentlist">
{recent_comment_list}
</div>
<!-- END recent_comment -->
リンクは以下の通り。
<div class="links" id="linkname">
<img src="../template/cutout/img/links.gif" width="186" height="22" alt="" />
</div>
<div class="linktext" id="linklist">
{link_list}
</div>
</div>の位置などに気を付けてください。
</div>の数が多かったり、同じ id が複数あったりすると動きません。
以上、ご参考いただければ、幸いです。
おかげさまで動作の不具合は改善されたのですが配置がおかしくなってしまってここ2日間、悪戦苦闘しています(汗
全部.linksと.linktextの設定で配置されている？のだと思うのですが左マージンがおかしいのが治らないのです･･･
マージンが徐々にずれていくような現象を直したいということでよろしいでしょうか？
ソースまで確認していませんが、おそらく<div>の閉じ忘れあるいは余計な<div>が入っているんじゃないかと思います。
<div …>〜</div>のセットが正しく組になっているかどうか、今一度ご確認下さい。
blog始めたばかりなので、折り畳みは必要ないかもしれないと思っていたのですが、スッキリしますね。
これからも参考にさせて頂きます。
リンクさせて頂いて構わないですか？
ご利用ありがとうございます。
リンクは全然構いません。
単純にトラックバックとコメントの２つだけを折りたたみにしたいと思っています。
すみませんが宜しくお願いしますm(＿＿)m
私もサイドをスッキリさせたいと思いつつ、なかなかハードルが高く…出来ませんでしたｗ
が、分かりやすい説明だったんで私にも設置する事が出来ました！
ほんとありがとうございます！
折畳みのスクリプトを先頭に持ってきていますね。
ツリー化のスクリプトの直前に置いても動作しないでしょうか？
以上、ご参考まで
無事設置できました〜＼(^O^)／
「スクリプトの前に置く」と書いてあったので、一番前の方がいいのかなと思っていました(^^ゞ
ず〜っと悩んでいたのですごく嬉しいです（； ｎ ；）
これからも色々勉強＆利用させて頂きますのでがんばって下さい(*^ー^*)
ページがすっきりしてうれしいです！
これからもちょくちょく見に来ます。
リンクさせてもらいました。
ページのレイアウト等色々参考になる部分が多いので助かります。
あと、事後報告になりますがリンクさせていただきました。
日記内に直リンクしている場所があるので問題があればページトップに移動させます。ご連絡ください。
ところで、
折り畳みスクリプトにて開閉ボタンを画像にしたのですが、画像の周りに紫色の線が出てきてしまいました。
紫色の線を消すにはどうやったらいいのか分からず悩んでいます(;´Д⊂)
もし、理解の範疇であればアドバイスをいただければと思います。
リンクは全く問題ありません。
ご質問の件ですが、
var openMark = '<img src="http://yokohama.cool.ne.jp/nabuo/Diary/open.gif">';
var closeMark = '<img src="http://yokohama.cool.ne.jp/nabuo/Diary/close.gif">';
と指定されているところで、
img の後ろに border="0" を付けてみて下さい。
つまり、
var openMark = '<img border="0" src="http://yokohama.cool.ne.jp/nabuo/Diary/open.gif">';
var closeMark = '<img border="0" src="http://yokohama.cool.ne.jp/nabuo/Diary/close.gif">';
のようになります。
以上、ご参考まで。
こちらのスクリプト、いつも使わせて頂いてます!
折り畳み化してみたところ、リンクとアーカイブには反映できたものの、カテゴリーには反映されませんでした。
どこかおかしい部分でもあるのでしょうか？
(一応指定通りにしてみたつもりなのですが;
お時間ありましたら宜しくお願いします。
またまた、こちらでスクリプトをお借りしたのですが、分からない箇所があるのでご指導頂きたく思います。
ナビの折り畳みスクリプト自体は上手く反映させる事が出来ました。画像クリックで開閉するのですが‥
それぞれのリストを開いて表示させた状態にすると、元の状態よりも左よりになってしまいます。
うちのサイトの例で『プロフィール』だけ折り畳みにはしてないのですが、ここと比べて他は、ブログの本文の方にせり出てるので、これを直したいのですが、何処をいじっていいのか分かりませんでした。
お手数かけますが、どうぞよろしくお願いします。
一応、きちんと動作しているようです。こちらでは動作確認出来ました。
スタイルシートの設定のため、開閉をするマークがずれて見えないのかもしれません。
.linktitle a {
float: right;
width: 1em;
text-decoration: none;
}
と設定されている所を
.linktitle a {
float: right;
width: 10px;
text-decoration: none;
}
のように画像のサイズに合わせてみて下さい。
＞＞mkさん
確認しました。profileの部分は
<div class="links">
タイトル
<div class="linktext">
リスト
</div>
</div>
となっています。
それと比較すると、折り畳みを行っている部分は
<div class="links" id="***name">
タイトル
</div>
<div class="linktext" id="***list">
リスト
</div>
のようになっています。
リストの全体が class="links" という<div>要素で囲まれているか囲まれていないかの違いです。
ですので、
<div class="links">
<div id="***name">
タイトル
</div>
<div class="linktext" id="***list">
リスト
</div>
</div>
のように変更すれば、ご希望の表示になるかと思います。
以上、ご参考まで。
色々テンプレをいじる中で直してみましたところ
無事動作確認出来ました。
記述通りにやってみました所、折り畳む部分の画像が表示されなくなり、折り畳めなくなってしまいました。。
リストが左寄りも相変わらずのままです。うーん。。
間違いなくタグ打ち込みはしてるはずなのですが、もう一度、ご確認してもらえないでしょうか？もしこれが難題でしたら、ひとまず諦めようかと思います。自分的に右側のツリーが本文に近すぎて表示されてるのが、どうも気になってしまうので。最後は右側ツリー全体のテーブルごとマージンで本文側に隙間を作るようにやってみます。すみません、お時間ある時によろしくお願いします。
例えば、リンクのリストだと
<div class="links">
<id="linkname">
タイトル
</div>
のように記述されています。
<id="***name">
ではなく、
<div id="***name">
です。
div を忘れないようにして下さい。
以上、ご参考まで
バカだなぁ自分は‥(><;)
言われた通りにしてみたら上手くいきました。
何度もお世話になりまして、恐縮です。
感謝です！！
このスクリプトは、photo JUGEM有効なのでしょうか？photo JUGEM…スミ1Cの素晴らしくシンプルな色使いなのに、さりげなく気の利いたしかけがしてあって、とても気に入って使わせていただいています。どうぞ、よろしくお願いします。
原理的には可能だと思いますが、PhotoJUGEMはすでに色んなスクリプトが使われているので、ちょっと大変かもしれません。
ちょっと考えてみます。
申訳ありません、言い忘れてしまいました…
バージョンアップ前のオリジナルを使わせていただいております。
よろしくお願いします。
今回こちらのツリー化と折り畳みを
使わせてもらいました。
まったく知識のなかった私でも
時間はかかりましたができました！
ただ一つ質問なのですが折り畳みマークの△▽
は色をかえれないのでしょうか＞＜
サイドメニューの字が赤なのでマークも赤にしたくって･･･
色タグをどこに突入するのかわかりませんでした。お時間あるときで結構ですので回答いただけたらありがたいです。
今回、折り畳みを使わせていただきました。
いろいろさわって何とか思い通りになったのですが、
閉じている場合に開くためのマークと、
開いている場合に閉じるためのマークが
初期設定時の表示のままになってしまいます。
フォントサイズを変更してるからでしょうか？
もしよろしければアドバイスお願いします。
変更できます。スクリプトは修正する必要はありません。
cssテンプレートで、
.linktitle a.foldmark:link {
text-decoration: none;
color: red;
}
.linktitle a.foldmark:visited {
text-decoration: none;
color: red;
}
.linktitle a.foldmark:hover {
text-decoration: none;
color: red;
}
.linktitle a.foldmark:active {
text-decoration: none;
color: red;
}
というのを追加して下さい。red というのが、色の指定なので、お好みに応じて。
＞＞みなこさん
スクリプトの後の方、
if (objMarks[i].className == 'foldmark') {
objMarks[i].firstChild.nodeValue = (dispMode == 'none') closeMark : openMark;
}
の部分を
if (objMarks[i].className == 'foldmark') {
objMarks[i].innerHTML = (dispMode == 'none') closeMark : openMark;
}
に変更してみて下さい。
ただ、大きさを変えるだけだったらスクリプトを修正せずに(マークにタグは含めず)、cssスタイルシートで
.linktitle a.foldmark {
text-decoration: none;
font-size: smaller;
}
と指定するだけで同様の効果が得られます。
以上、ご参考まで。
お忙しいのにありがとうございました。
こちらを見て毎日カスタマにはげんでます＾＾
結局スクリプトの方を変更しました。
今のところテンプレートで気に入って使ってますが、
がんばっていろいろ思い通りのカスタマイズしていきたいです。
ありがとうございました。
こちらの折りたたみを利用させていただいたのですが、カテゴリーの部分だけ反映されなんです。
何度も確かめてみたのですが、やっぱり出来なくて…どこかおかしいのでしょうか？
よかったらお返事ください。
確認しました。
function InitFoldNavi() {
FoldNavigation('newentry','off',true); // 最新エントリ
FoldNavigation('entry' ,'off' ,true); // ページエントリ
FoldNavigation('comment' ,'off' ,false); // 最新コメント
FoldNavigation('tb' ,'off' ,false); // 最新トラックバック
FoldNavigation('archive' ,'off',true); // アーカイブ
FoldNavigation('link' ,'off' ,true); // リンク
FoldNavigation('profile' ,'off',false); // プロファイル
}
でカテゴリーが指定されていないためですね。
FoldNavigation('profile' ,'off',false); // プロファイル
の下に
FoldNavigation('category' ,'off',false); // プロファイル
を追加してみて下さい。
また、蛇足ながら「close」と「open」の指定は逆の方が分かりやすいかと思います。
現在は
var openMark = 'close'; /* 閉じている場合に開くためのマーク */
var closeMark = 'open'; /* 開いている場合に閉じるためのマーク */
のように指定されていますが、
var openMark = 'open'; /* 閉じている場合に開くためのマーク */
var closeMark = 'close'; /* 開いている場合に閉じるためのマーク */
のように指定してみて下さい。
以上、ご参考まで
本当ですね！全く気づきませんでした。
あとopenとcloseも…今思えば変ですよね（汗）
これからも利用させていただきます☆
上手く行ったんですが、ひとつ問題があります。
開閉マークが太字で表示されてしまうんですが、
これは何とかならないでしょうか。
テンプレートのせい？
ブラウザ(Windows XP, IE 6.0)のせい？
フォントサイズを10pxにしていますが、太字だと読みにくいんです。
どのあたりを変えたらいいのか(または加えるものがあるのか)
教えていただけますでしょうか。
よろしくお願いします。
cssテンプレートに
.linktitle a.foldmark {
font-weight: normal!important;
text-decoration: none;
}
を追加してみてください。
これで希望の表示にならない場合、
.linktitle a.foldmark:link {
text-decoration: none;
font-weight: normal!important;
}
.linktitle a.foldmark:visited {
text-decoration: none;
font-weight: normal!important;
}
.linktitle a.foldmark:hover {
text-decoration: none;
font-weight: normal!important;
}
.linktitle a.foldmark:active {
text-decoration: none;
font-weight: normal!important;
}
のようにします。
以上、ご参考まで。
.linktitle span {
color: xxx;
}
.linktitle a.foldmark {
text-decoration: underline;
}
というのはすでに加えてあったので、そこにtakkyunさんのアドバイスにあったものを混ぜてみました。
.linktitle span {
color: #FFCCFF;
font-size: 10px;
font-weight: normal!important;
}
.linktitle a.foldmark {
font-size: 10px;
font-weight: normal!important;
text-decoration: underline;
color: #FFCCFF;
}
として実際思いどおりの表示なんですが、どこか不味いところがあるでしょうか。
どこもまずいところはないと思います。
以上、ご参考まで
まだblogを始めたばかりで、右往左往しながら挑戦しています。
とても親切で解り易く説明してくださっていて大喜びで試みたのですが・・折りたたみ表示にならず・・
もしかしたら、スクリプトの設置場所が間違っているのでしょうか？ こちらでこのような質問をしてよいのかどうか迷いましたが、申し訳ありませんがお教え頂きたく、どうぞよろしくお願い致します。
折りたたんだお陰で両サイドがスッキリして気分がいいです。
どうもありがとうございます。
そうですね。設置箇所がまずいです。
折り畳みのスクリプトは後ろの方に設置して下さい。
# </body>の前が良いでしょう。
もしツリー化のスクリプトを利用する場合は、折り畳みスクリプトのさらに後ろに設置します。
以上、ご参考まで
折り畳みには出来たのですが、閉じている場合に開くためのマーク･開いている場合に閉じるためのマークが、どうしてもARCHIVEという文字の真横にこずに少し下にずれてしまうんです。
コメントの方も見ながらいじってみたのですがどうもうまくいきません。解決法があれば、ぜひお教えいただけないでしょうか？
Mozilla Firefoxで見たところ、特に問題はないようですが、Internet Explorer for Windowsで見ると確かにずれていますね。
確証はないのですが、
cssテンプレートで
.linktitle a {
float: right;
width: 10pix;
text-decoration: none;
}
と指定されているところを
.linktitle a {
float: right;
width: 2.0em;
text-decoration: none;
}
のように変更してみてもずれるかどうかご確認下さい。
以上、ご参考まで。
素早いご回答ありがとうございます。
試してみましたがうまくいかなかったので、諦めて普通にARCHIVEの文字のすぐ横に表示するようにしました。
折角回答いただいたのにごめんなさい(^_^;
それから、リンクを張らせていただきましたので、ご報告しておきますね。
どうもありがとうございました。
ツリー化に続いて、折りたたみも利用させていただきました。
お陰様でサイドバーがすっきりして、他のメニューを増やすことができました。ありがとうございました！
今回、当方で折り畳みの状態をcookieに保存する改造の記事を書かせていただきましたので、ご報告に上がるとともにトラックバックさせていただきました。
ご不満な点などがありましたらご連絡下さい。
時間かかりましたが、なんとかうまくいきました。
ありがとうございましたm(_ _)m
お蔭様で失敗することも無く出来ました。
以前続きを読むの表記を変える時にもお世話になりました。
重ねてお礼申し上げます。
どうもありがとうございました！
折り畳み化してみたところ、プロフィールとアーカイブには反映できたのですが、カテゴリーとセレクトエントリーの所では反映されませんでした。
どのように直したら表示されるようになるのでしょうか？
お手数おかけしますがお答え頂けたら嬉しいです。
実はナビゲーションの折り畳みを使わせて頂いています。
ひとつ、質問なのですが、
私のブログを見て頂けるとわかるのですが
「最近のコメント」を折り畳むと
スペースがぽっかりとあいてしまいます。
「リンク」と同じようになるはずなのですが、
どうすれば「リンク」と同じようになりますか？
お手数かけますがご回答よろしくお願いします。
を
<div class="linktext" id="entrylist">
に書き換えて、
FoldNavigation('category' ,'off',true); //カテゴリー
を付け足してくださいね☆
実は、id="commemtlist"が他のところにつけられていました。
迷惑かけました…(・_・、)
アドバイスありがとうございました。
正常に動作するようになりました。
タグの打ち間違いもあったんですね、お恥ずかしい；
テンプレートに
<!-- BEGIN latest_entry -->
<div class="linktitle">
+ NEW ENTRIES
</div>
<div class="linktext">
{latest_entry_list}
</div>
<!-- END latest_entry -->
が探してもどこにも無いんですがどうすればいいんでしょうか？汗
ツリー化だけは何とか出来たんですがかなりの初心者なもんで；
テンプレートをplainにしたのですが、気になることがありましてご意見を伺いに参りました。
（こちらにお伺いする筋のものではないかも知れません。
もしそうであれば削除してください(>_<)）
私は、Safariを使用しています。
こちらのナビゲーションの折り畳みを導入すると、ブログの下の部分が「折り畳まれた」分だけ、空白ができてしまいます。
これを解消する方法はありますでしょうか。
やはりtableタグで囲むしかないのでしょうか……
ちなみにFireFox、IEではこの症状は出ません……
いつもお世話になっています。
MacOS9、ブラウザはIE5.0とNN7.0を使用しています。
ナビゲージョンの折り畳みを導入させていただいたのですが、IEでは折り畳みが正常に作動するのですがネスケでは折り畳んだ部分をクリックしても開くことも閉じることもできません。
できればどちらのブラウザでも見れるようにしたいのですがどのようにすればいいのでしょうか。
よろしくお願いします。
なければ、その部分は無視して下さって構いません(^^;。
＞＞yukiさん
確認しました。確かにそのような動作になっていますね。
無理矢理直す方法も考えられなくはないですが、万全とは言い難いです(まだ、テストしてませんけど)。
こちらの方でもちょっと対策を考えてみます。
＞＞うてなさん
ざっとしか見ていないので、恐縮なんですが、一応問題なさそうですね。
もう少し詳細を確認しますので、しばらく時間をいただければと思います。
以上、よろしくお願いします。
いろいろと活用させていただいております。
折りたたみを導入させていただいたのですが、
こちらにあるCSSを挿入しても、マークが右端に寄りません。
また、文字色も白に変えたいのですが、反映されないのです。
お忙しいところを申し訳ありませんが、アドヴァイスをお願いいたします。
CSS テンプレート内で、
.linktitle span {
color: #FFFFFF;
}
.linktitle a.foldmark {
text-decoration: none;
}
.linktitle a {
float: right!important;
width: 1.8em;
text-decoration: none;
}
とされていますが、.linktitle の部分を .links に変えてみてもダメでしょうか？
つまり、
.links span {
color: #FFFFFF;
}
.links a.foldmark {
text-decoration: none;
}
.links a {
float: right!important;
width: 1.8em;
text-decoration: none;
}
のようになります。
各リストに付けられているクラス名がここでの解説と異なるため、うまくスタイルシートの指定が反映されていないようです。
以上、ご参考まで
一つ前の私の投稿、サイトアドレスが間違っています。
気にしないで下さい。
思っていたよりも簡単に設置できて良かったです。
ありがとうございました。
ナビゲーションの折りたたみ、リンクのツリー化のスクリプト使わせて頂きました！
すごく解りやすくて、すぐに設置する事が出来ました。
これからもお世話になると思いますのでよろしくお願い致します。
ありがとうございました！！
要するに、
.links a.foldmark {
text-decoration: none;
}
この中に、色指定、場所指定もすべて書き込むことで、一応指示は反映されるようです。
正しいのかどうかはわかりませんが、今後の参考になりますかどうか。
ひとまず御礼申し上げます。ありがとうございました。
数日前、使用しているsafariで、こちらのナビゲーションの折り畳みを導入すると、ブログの下の部分が「折り畳まれた」分だけ、空白ができてしまいまうのですがとお伺いしました、yukiです。
対策をお考え頂けるとのお返事をいただいたのですが、実は何故かあの症状が直ってしまいました。
この、「ナビゲーションの折り畳みスクリプト」と関わりが深いであろうと考えられる別のスクリプトをSafari用に直して頂きましたところ、直ってしまった（？）のです。
原因はよくわかりませんが、不都合がなくなってしまいましたので、質問を撤回いたします。
お騒がせしましたm(__)m
4/26のるなっちさんへのアドバイス通り、設定してみたのですが、△が右端になりません･･･
お手数をおかけして申し訳ないのですが、お手すきの時にご教示いただければ幸いです･･･。
使っているうちにサイドメニューが間延びしてきて嫌だったので、とても嬉しいです。
是非また何か参考にさせていただきたいと思います。ありがとうございました。
以前のコメントは JUGEM から移植した際にいくつか化けてしまっています。
.linktitle a {
float: right;
width: 1.8em;
text-decoration: none;
}
とされているところを
.linktitle a {
float: right;
width: 1.8em;
text-decoration: none;
}
のように変更してください。
お忙しいところ、ありがとうございました！
さらにスッキリ揃って本当に嬉しいです。
コチラでの記事についていけるよう頑張って勉強します。
このたびはありがとうございました。
カスタマイズに関して全然わからないのですが、こちらの説明通りにやって出来ましたヾ(〃^∇^)ﾉわぁい♪
これだけ丁寧に説明していただけると、初心者の私でも出来ました。
これからもちょくちょく見させてもらいますので、今後ともよろしくお願いします♪
模様替えをしてみたところ、ナビゲーションの折り畳み・ツリー化・blogpeopleのツリー化を入れたところ、IE6.0では崩れなく見えているのですが、Opera（7.53、WINXP）では崩れていることがわかりました。この３つのどれを入れても、です。スクリプトの入れ方がおかしいのでしょうか？
教えていただけたら幸いです。よろしくお願いします。
崩れてしまっているテンプレ↓
http://yumizou.jugem.cc/?tid=41
<!-- BEGIN latest_entry -->
<div id="linktitle"><h4 title="最新エントリー"><span>エントリー</span></h4></div>
<div id="entries">{latest_entry_list}</div>
<!-- END latest_entry -->
となってます。
この場合だと上記の方法ではツリー化できませんでした・・
どうすればいいのでしょうか？
※まったく同じテンプレをダウンロードしたのですが、私のテンプレの中身が違っていました。
新しいほうだとツリー化できました。
本当にありがとうございます。
ところが一つできるともっと多くを求めてしまうもので、サイドバーをもっともっとシンプルにしたくなってしまいます。
そこで質問なのですが、折りたたみの中に更に折りたたみメニューを入れることはできるのでしょうか？
それから、amazonのrecommendは２つ以上だと折りたたむことはできないのでしょうか？
お忙しいとは思いますが、お時間のあるときにお教えいただけますとうれしいです。
参考にさせていただきました。
<!-- BEGIN latest_entry -->
<div id="linktitle"><h4 title="最新エントリー"><span>エントリー</span></h4></div>
<div id="entries">{latest_entry_list}</div>
<!-- END latest_entry -->
の部分を
<!-- BEGIN latest_entry -->
<div class="linktitle" id="newentryname"><h4 title="最新エントリー"><span>エントリー</span></h4></div>
<div class="linktext" id="newentrylist">{latest_entry_list}</div>
<!-- END latest_entry -->
のように変更してもダメでしょうか？
＞＞ユズさん
おそらく可能だとは思いますが、設置自体はより複雑になって汎用性もほとんどなくなってしまう可能性があります。
# その分、正しく動作するかの検証作業も複雑になるので、自分の手には余るかもしれません。
amazonが 2 つ以上ある場合の折畳みも可能だと思います。html タグの配置に気をつければいいだけです。
この記事に基本的な設定は記載されているので、その応用で出来るかと思います。
その方法でちゃんとナビゲーションになってるのですが、▽と文字のみが表示される状態です。
もう少しやってみますね！
自分で少し考えてみます！
ありがとうございました！
そこで、ツリー化と折りたたみスクリプトを併用するにあたって質問があります。id のことなのですが、折りたたみスクリプトの説明部分にも、ツリー化を付けていると必要がない場合がある、とありますが、先にツリー化を活用している場合、重複するものは記入しなくてもよい、ということでしょうか。以前、私のＨＴＭＬを見て、id は重複させてはいけない、と助け合い掲示板でアドバイスくださった方がいたのですが、重複するどちらかを入れないでおきますと、レイアウトが崩れたり(サイドが下にずれるなど)、折りたたみ表示がされなかったりでしたが、逆に重複するとうまく表示されています。重複を気にせずこのままでいいのでしょうか？（このアドバイスくださった方から、HTMLを全て見直して修正するように言われていたのですが、お盆休み中にスレが過去ログに流れてしまっているため、助け合い掲示板で指名して聞きなおすわけにもいかず、困っているんです…(_ _;)）
（例）
<!-- BEGIN category -->
<div class="links" >
<div class="linktitle" id="categoryname">
<img src="画像ＵＲＬ" alt="CATEGORIES">
</div>
<div class="linktext" id="categorylist">
<div id="categorylist">{category_list}</div>
</div>
</div>
<!-- END category -->
上記の id="categorylist" が重複していると気になっているところです。
折りたたみの際に追記すべく書かれていた、初めの方の id を入れないでおくと、▽の表示も折りたたみもできなくなりました。その上、いつのまにかツリー化にもならなくなってしまいました。(←原因を模索中…)
urlに、表示の出なくなってしまった、修正中のＨＴＭＬを入れておきました。お時間のあるときにお返事いただけたらと思います。よろしくお願いします。
折り畳みのスクリプトお借りしました。
BPのほうにリンク登録させて頂きました。
とても参考になります。
これからも伺わせて頂きたいと思います。
有難うございました。
さっそく取り付けてみると見事にスッキリ！
よく使うメニューは開いておいた方が使い勝手が良いとのことですが、あまりに整然と綺麗になったので、しばらくは全て閉じて使ってみようなんて思ってます。
すばらしいスクリプト、ありがとうございます♪
リンクをまとめるのに使わせてもらいました。
JUGEMにもアカウントももってるので、そちらでblogを作るときにも、また利用させていただこうと思います。
ありがとうございました。
ありがとうございました。
ありがとうございました。
調子に乗ってツリー化にも挑戦したいと思います。
9/14付けでトラックバックさせて頂いた通りcookieによる状態保持機能を追加してエントリーを公開させて頂いております。またその少し前にも若干修正したものを公開していますが、これらが再配布の点で問題ないか気になりました（気づくのが遅くなってすいません）。
それで順序が逆になって大変申し訳ございませんが再配布についてのご承諾という意味でご連絡させて頂きました。併せてエントリーの公開方法・内容について問題がございましたら修正致しますのでご指摘ください（こちらかの引用は明記しております）。
それではどうぞよろしくお願い致します。
ツリー化と折りたたみスプリクトを使わせていただき、かなりスッキリしました��
有難うございます！
ところで、何とか設置はできたのですがblogpeopleのみ反映されず、前述に位置関係の記載があったので後ろのほうに持って来たりもしたのですが、やはりうまく出来ないのでとうとう書き込んでしまいました。
すみません！
お手数をおかけして申し訳ありませんが、時間があるときにでも見ていただけませんでしょうか？
あと、photo JUGEMも使い出したのですが、テンプレートが変わると全く分からず、現在はグチャグチャになっています。(T T)
参考になる記事などあればご教示ください。
(↓コレです)
http://qoo0024.jugem.jp/
どうぞよろしくお願いいたします。
このスクリプトのおかげで
デザインがすっきりしました＾＾
とっても役に立ちました。
有難う御座います！！！
本日、やっと折り畳みスクリプトをお借りしました。
２ヶ月前から【恋焦がれていた】スクリプトだったのですが、ようやく念願叶いました。
というのも設置するにあたって私の「スキル」の問題も有り、中々お借りすることができませんでした。
本日、ようやく設置に挑戦しましたが、何の問題もなく設置することができました。
ありがとうございました。まずは、ご報告まで。
ＢＰでリンクさせて頂きます〜！
ありがとうございます〜！
折りたたみスクリプト、ありがたくお借りします。
カスタマイズ初心者ですが、どうにか折りたためるようになりました。
ただ、どうしても折りたたみマークが右端に表示されず、改行してしまいます。
なお蔵さんへのアドバイスを参考にＣＳＳを変えてみましたが、直りませんでした・・・
お忙しいところ恐縮ですが、アドバイスをお願い致します。
折りたたみスクリプト、お借りしました。
すっきりしてシンプルになりましたぁ☆
本当にありがとうございました。
はじめてで、申し訳ないのですが、もし分かる方がいたらアドバイスをよろしくお願いします。
上に紹介されているものではなく、別のもので使いたいのですが、
たとえばコメントとかではなく、Mybloglistなどに使いたいのですが、idの指定はどのようにすればいいのでしょうか？
名前をつければいいのかと思いいじったのですが、そうするとブログ全体が表示されなくなってしまいまして（汗
よろしくお願いします。
ツリー化スクリプト ver 2 に続いて、こちらのスクリプトも使わせていただきました。
わかりやすい解説のおかげで、思ってたよりもすんなり出来て、感激です♪
ありがとうございました。
折りたたみと、ツリー化のスクリプトをお借りしました。
解説がとても簡潔でわかりやすく、
初心者の私でも無事に設置する事が出来ました。
ありがとうございます。
事後報告になってしまいましたが
（勝手ながら）リンクも張らせていただきました。
これからもよろしくお願いいたします。
スクリプトお借りしました。
わかりやすい解説で簡単にできました。
本当にありがとうございました。
こちらとツリー化スクリプトとお借りしました。
両方トラックバックもさせていただきました。
BPもリンクさせていただきます。
ありがとうございました。
折り畳みと、ツリー化スクリプトをお借りしております。
私はヤプログ人でして、スクリプトも少しいじってしまいましたが動いているようです。
ありがとうございました。
先日ツリー化スクリプトをお借りして、続いて折り畳みのスクリプトもお借りします。
とてもスッキリ出来ました。
ありがとうございます。
ず〜っと挑戦したくて・・・でも 途中で何度も挫折！
そんな中こちらにたどり着き、とってもわかりやすい説明のもと 見よう見まねのど素人の私でもナビゲーションの折り畳みができちゃいました。
ありがとうございました。
スクリプト拝借させていただきました。
開閉マークの位置が思いどうりにならず困っていましたが、何とか思いどうりになりました。
便利に使わせていただいてます。ありがとうございました。
スクリプトを拝借させていただきましたです。
とてもとても憧れていた折り畳みが自分のブログに！
めちゃくちゃ嬉しくて身悶えておりますです(*´ｪ`*)ﾎﾟ
が、どうしても開閉マークが右端にいってくれません凹
.linktitle a {
float: right;
width: 1.8em;
text-decoration: none;
}
をスタイルシートの一番下に挿入
開閉マークをリストの「前」に変更
これだけではだめなのでしょうか…
お忙しいところ申しわけありません。
何卒ご助力くださいませ(iωi)ゞ
こちらのスクリプトを使わせて頂き、
サイドバーをすっきりさせることができました。
ありがとうございます。
ナビゲーションの折り畳みスクリプトをお借りしました。
ありがとうございました。
トラックバックもさせていただきました。
が！
いろいろといじっていたら、変なページに飛ぶようになってしまいました。
すみませんっ（汗汗
意味分かりますか？説明がへたでこれまたすみません。
とりあえず改めてトラックバックさせてもらいました。
当然のことながらダブってしまってますので、
古いほうの”ナビゲーションの折り畳み”は削除してください。
ご迷惑おかけして申し訳ありませんでした。
事後報告で、大変遅くなってしまい
申し訳ございませんでした。<(_ _)>
●ナビゲーションの折り畳み
●「記事の内容」の一部を隠す
●ツリー化スクリプト ver 2
で大変大変お世話になりました。
ここでまとめての報告、お許し下さい。
思っていたように出来上がり、
とってもとっても嬉しいです♪(*^_^*)
これからもどうぞがんばってください♪
またお世話になると思いますが、
どうぞ宜しくお願い致します。<(_ _)>
本当にありがとうございました。<(_ _)>
大分前になるのですが、以前yaplogの時にこちらのスクリプトでお世話になりました。
今回sbの方でお世話になります。
ありがとうございました♪
こちらのナビゲーション折り畳みスクリプトをお借りしました。
ブログがすっきり表示できて、とても嬉しいです♪
リンクもさせて頂きました。
本当にありがとうございました!!
こちらのｽｸﾘﾌﾟﾄを試行錯誤の末やっと表示できました〜！
Blog歴1年なのですが、はじめて成功ですw
ありがとうございました。
TBさせていただきました。
「ナビゲーションの折り畳み」と「ツリー化スクリプト ver 2」利用させていただきました。
説明も分かりやすくて、大変参考になりました。
ありがとうございました。
これからも、挑戦したい内容がこちらには満載ですので参考にさせていただきます。
ありがとうございました
ナビゲーションの折りたたみ
挑戦させてもらってます♪
そこで質問なんですが、
『RECOMMEND』
にも反映させたいのですが
FoldNavigation('category' ,'off',false); //
このタグを名前を変えて入れても反映されません
タグが間違っているのでしょうか？？？
あと、もう一つあるのですが△を画像に変えた
ところ、文字との隙間が無い様に見えて隙間を
いれたいのですが、どのようにすればよいのでしょうか？？お願いします。
ブログのURLを入れてませんでした(ﾟ口ﾟ;)
こちらを参考に、折りたたみのスクリプト利用させていただきました。
とても親切で分かりやすかったです！
また、参考にさせていただきます。
ありがとうございました☆
『RECOMMEND』の件、なんとかできました！
あとはメニューの位置が真ん中にきてしまう事
です。左に寄せたいのですが、何度かいじっても
真ん中に表示されてしまうみたいです。
メニューの前に画像があるからでしょうか？
お忙しいのに申し訳ございません。
折りたたみ、いろいろなところで見かけていいな〜と思って探し回りたどりつきました。
早速設置してみて成功はしたのですが
教えて頂きたい事があって書き込みさせて頂きます。
・最初にページを開いた時に折りたたみたくないのと折りたたみたい物はどうやって設定するのでしょうか。
・カテゴリーの部分が折りたたまれないのですがどうやったらいいのでしょうか？
・ツリー化と同時設定する時に気をつける所はありますでしょうか。
質問責めで申し訳ありません。お忙しいとは思いますがお時間がある時で結構ですのでご指導頂けたらと思います。よろしくお願いいたします。
よろしくお願いいたします。
・最初にページを開いた時に折りたたみたくないのと折りたたみたい物はどうやって設定するのでしょうか。
と
・カテゴリーの部分が折りたたまれないのですがどうやったらいいのでしょうか？
は解決しました。ご迷惑おかけしました＾＾；
ちょこちょこテンプレいじっています。
これからも期待してます!!リンクにも追加させてもらいましたm( __ __ )m
ありがとうございます。
不躾ですが､質問があります。
アイテム数表示を、リストタイトルの後ではなく前に表示させたいのですが
どうすれば、出来るでしょうか？
サイドバーの折り畳みをお借りして何とかしてみようと思ったのですが・・・。
タイトルとペットの間の隙間が開いたり閉じたりするだけで、ペットそのものは閉じられません。
どうしてなのでしょうか？
どうすれば良いのでしょうか？教えてください。
折りたたみのスクリプトいただきました、ありがとうございました！！
開閉は上手くいったのですが、メニューをーが短くなった分日記の部分も短くなってしまって文が画面から切れてしまいます。
表示件数は6件になっています。
どこか私の設定ミスなのかと思いつつ、わかりません。
こういうこともあるのでしょうか？
もしよろしければ教えていただけると嬉しいです。
どうぞよろしくお願いします！
この度、「Serene Bach」でBlogを作ることになり、折りたたみのカスタマイズを参考にさせていただきました。ありがとうございます。
また参考にさせてください!
折りたたみのスクリプトをお借りしました。
お蔭様でサイドバーがすっきりして助かりました。
ありがとうございます♪
トラックバックができないようなのでコメントだけ残させてもらいますね。
スクリプトお借りしました。
サイドバーが長くなってきて折りたたむ方法を探して辿り着きました。
またこちらを参考にカスタマイズしたいと思っています。
どうもありがとうございます♪
ちなみに今はこんな感じです
http://tani0612.jugem.jp/?tid=9
おかげさまでサイドがすっきりしました！
本当にありがとうございました。
先日ツリー化を導入して今回は‘ナビゲーションの折り畳み’しているのですが、△マークが左上にきてしまうのです。trueとfalseの変更はしているのですがどうしても通常の右側にできなくて。
あと可能であればおしえて欲しいのですが、カテゴリーやアーカイブなどの通常ナビゲーション以外（OthersやSearchなど）にも設置は可能でしょうか？
初心者な質問で申し訳ありませんがよろしくお願いいたします。
スクリプトを使わせていただきました。
TBもさせていただきました。
ありがとうございました☆
またよろしくお願いします。
ありがとうございます、やっと折り畳みが出来ました。感謝！！です。
phentermine Viagra Levitra Xenical Adipex Valium Tamiflu Soma Phentermine Sonata
Retin A Estradiol Cialis Prevacid Flexeril Lamisil Bextra Vioxx Zoloft Tramadol Celebrex Allegra
Wellbutrin Ambien Propecia Lipitor Meridia Ultram
Fioricet Ortho-Evra Tenuate Carisoprodol Valtrex
Imitrex Zyrtec Effexor Acyclovir Nexium Bontril
naked gay guys is the same as gay guys sucking cockgay guys having sex,
gay guys sex and search for gay college guys, gay eyes for straight guys.
naked gay guys is the same as gay guys sucking cockgay guys having sex,
gay guys sex and search for gay college guys, gay eyes for straight guys.
http://gayfuck.ifrance.com/index.html Home
<font size="2 http://gayfuck.ifrance.com/gay-ass-fuck.html gay ass fuck
http://gayfuck.ifrance.com/gay-anal-fuck.html gay anal fuck
http://gayfuck.ifrance.com/gay-teen-fuck.html gay teen fuck
http://gayfuck.ifrance.com/hot-gay-fuck.html hot gay fuck
http://gayfuck.ifrance.com/gay-fuck-movie.html gay fuck movie
http://gayfuck.ifrance.com/young-gay-fuck.html young gay fuck
http://gayfuck.ifrance.com/gay-fuck-hardcore.html gay fuck hardcore
http://gayfuck.ifrance.com/gay-fuck-pic.html gay fuck pic
http://gayfuck.ifrance.com/amateur-gay-fuck.html amateur gay fuck
http://gayfuck.ifrance.com/gay-cock-fuck.html gay cock fuck
http://gayfuck.ifrance.com/gay-suck-and-fuck.html gay suck and fuck
http://gayfuck.ifrance.com/shemale-fuck-gay.html shemale fuck gay
http://gayfuck.ifrance.com/gay-porn-fuck.html gay porn fuck
http://gayfuck.ifrance.com/gay-twinks-fuck.html gay twinks fuck
http://gayfuck.ifrance.com/gay-college-fuck.html gay college fuck
http://gayfuck.ifrance.com/gay-fuck-straight.html gay fuck straight
http://gayfuck.ifrance.com/fuck-gay-handsome.html fuck gay handsome
http://gay-sex.ifrance.com/gay-sex.html gay sex
http://gay-sex.ifrance.com/gay-sex-video.html gay sex video
http://gay-sex.ifrance.com/gay-sex-story.html gay sex story
http://gay-sex.ifrance.com/gay-anal-sex.html gay anal sex
http://gay-sex.ifrance.com/gay-sex-picture.html gay sex picture
http://gay-sex.ifrance.com/gay-teen-sex.html gay teen sex
http://gay-sex.ifrance.com/gay-man-sex.html gay man sex
http://gay-sex.ifrance.com/gay-sex-movie.html gay sex movie
http://gay-sex.ifrance.com/first-gay-sex.html first gay sex
http://gay-sex.ifrance.com/young-gay-sex.html young gay sex
http://gay-sex.ifrance.com/gay-sex-porn.html gay sex porn
http://gay-sex.ifrance.com/gay-sex-vedio.html gay sex vedio
http://gay-sex.ifrance.com/first-time-gay-sex.html first time gay sex
http://gay-sex.ifrance.com/gay-twinks-sex.html gay twinks sex
http://gay-sex.ifrance.com/gay-guys-having-sex.html gay guys having sex
http://gay-sex.ifrance.com/gay-sex-site.html gay sex site
http://gay-sex.ifrance.com/amateur-gay-sex.html amateur gay sex
http://gay-sex.ifrance.com/gay-having-sex.html gay having sex
http://gay-sex.ifrance.com/gay-college-sex.html gay college sex
http://gay-sex.ifrance.com/straight-man-gay-sex.html straight man gay sex
Gay search engine and directory of gay porn, free gay erotic stories, free gay video feeds, gay vhs/dvd videos. For our visitors available gay chat
gay links,gay sex sites,gay sites indexes and directories gaydemon - free gay porn directory and search engine. listing gay porn sites, resources, site reviews, gay blogs and free galleries with free gay porn and �[ �[
また参考にさせていただきます。
いろいろ検索してみたんですけど難しくて頭がパンクしそうになってしまいました；；
http://hometown.aol.de/mazutko/alprazolam-drug.html
http://hometown.aol.de/mazutko/alprazolam-online.html
http://hometown.aol.de/mazutko/alprazolam-tablet.html
http://hometown.aol.de/mazutko/alprazolam-xanax.html
http://hometown.aol.de/mazutko/buy-alprazolam.html
http://hometown.aol.de/mazutko/buy-alprazolam-online.html
http://hometown.aol.de/mazutko/cheap-alprazolam.html
http://hometown.aol.de/mazutko/order-alprazolam.html
http://hometown.aol.de/mazutko/ambien.html
http://hometown.aol.de/mazutko/ambien-cr.html
http://hometown.aol.de/mazutko/ambien-online.html
http://hometown.aol.de/mazutko/ambien-rx.html
http://hometown.aol.de/mazutko/buy-ambien.html
http://hometown.aol.de/mazutko/buy-ambien-online.html�
http://hometown.aol.de/mazutko/cheap-ambien.html
http://hometown.aol.de/mazutko/generic-ambien.html
http://hometown.aol.de/mazutko/order-ambien.html
http://hometown.aol.de/mazutko/buy-cialis.html
http://hometown.aol.de/mazutko/buy-cialis-generic.html
http://hometown.aol.de/mazutko/buy-cialis-online.html
http://hometown.aol.de/mazutko/cheap-cialis.html
http://hometown.aol.de/mazutko/cheap-generic-cialis.html
http://hometown.aol.de/mazutko/cialis.html
http://hometown.aol.de/mazutko/cialis-sample.html
http://hometown.aol.de/mazutko/discount-cialis.html
http://hometown.aol.de/mazutko/generic-cialis.html
http://hometown.aol.de/mazutko/online-cialis.html
http://hometown.aol.de/mazutko/order-cialis.html
http://hometown.aol.de/mazutko/viagra-cialis.html
http://hometown.aol.de/mazutko/buy-diazepam.html
http://hometown.aol.de/mazutko/buy-diazepam-online.html
http://hometown.aol.de/mazutko/cheap-diazepam.html
http://hometown.aol.de/mazutko/diazepam.html
http://hometown.aol.de/mazutko/diazepam-generic.html
http://hometown.aol.de/mazutko/diazepam-online.html
http://hometown.aol.de/mazu