くぅたん日誌はこうして作られました。 くぅたん日誌のカスタマイズ全タグ紹介!
移転します!
リンクしてくださっている方には申し訳ありませんが、 本ブログは、 こちら に移転します。徐々に引っ越されていきます。
しばらくは、質問はこちらでOKですが、移転された項目については、移転先で質問してください。
(。-_-)ノ☆・゜::゜ヨロシク♪

(注1)初心者ヤプログ・ユーザのみ対応です。初めてカスタマイズする方は「1.」から順に読んでください。
(注2)素人なので難しい質問には答えられません。
(注3)あくまでもくぅたん日誌のカスタマイズ方法であって、これが全てではありません。
応用がんばってくださいね!
免責!!カスタマイズは自己責任です。いかなる場合でも当方では責任は負いかねますのでご了承の上、カスタマイズしてください。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

34.サイドバーを折りたたみ式にしよう1

o(TωT )( TωT)o ウルウル

この項目を書くためにもう3度も書き直してます。。
なぜか保存しようとすると、ログインできませんってでやがる。。

かなしすぎて、もうやめてしまおうと思ったけど、気力を振り絞って頑張るです。。
(´;ェ;`)ウゥ・・・

エイエイ (ι´Д`)ノ オー!!

まずは、本項は、「30.」で作成した最新コメント欄を折りたたむ方法を説明しますです。。

なお、本項は自作ではないです。
ここ
を参考にして作られていますので、第三者配布禁止のお達しがでたら説明は断りなく削除しますので、そしたら、リンク先で各自がんばってくださぃませ??


まずは、サイドバーの機能追加・編集で、
「27.」で作成した「JAVA」を選択します。

んで、次の文を追加してください。

<!-- 折りたたみスクリプト:始 -->
<script type="text/javascript">
<!--
function InitFoldNavi() {
FoldNavigation('comment' ,'on' ,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>
<!-- 折りたたみスクリプト:終 -->

赤字部分は、

on  最初から展開して表示
off 最初は折りたたまれた状態で表示

です。

桃字部分には、すきな記号を入れてください。
例:【+】、【?】など。。

緑字部分には、
桃字部分で指定した記号をどの位置に表示するかです。
true  タイトルの左側につけます。
false タイトルの右側につけます。

さて、これで終わりではないのですが、
今回投稿失敗はもういやなので、いったんここで終わります。
続きは、「35.」を読んでくださいねぇぇぇぇぇ
ヽ(=´▽`=)ノ 
スポンサーサイト
  1. 2005/04/18(月) 23:33:55|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:5
<<33.更新マークをつけよう! | ホーム | 35.サイドバーを折りたたみ式にしよう2>>

コメント

(。・w・。 ) ププッ

やる前に、
全部コピーして
ノートパットとかに貼り付けて保存しておけばいいですよん。
楽しみながらやってなんぼのカスタマイズなので、無理なくがんばってくださぃねぇぇぇ。。

ノートパットがわからなければ、Wordでもいいし、何かにコピペして保管しときましょう。。
ヽ(=´▽`=)ノ

夜更かしとストレスは美容の大敵だしねぇ・・・
ニャハハ☆(゜∇゜☆)(☆゜∇゜)☆ニャハハ
  1. 2005/04/19(火) 23:55:14 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

出来るかなぁ?

ココログは、勝手に何かが入るみたいだから、楽天のアフェリエイトが付けられなかった記憶が。。。

27からって、長いでしょ?
途中で出来なくて、元に戻せなかったら大変。。。
どぉ~しよう~(涙)

PS:やると、美容最悪になるかもよっ。
  1. 2005/04/19(火) 23:48:56 |
  2. URL |
  3. Makiyo #E2GTiodY
  4. [ 編集]

( ̄~ ̄;) ウーン

ココログのタグを見たけど、想像だけど、ココログは標準的にトラバやアーカイブやカテゴリーにIDが付与されてるのなぁぁぁ。。

ヤプログの場合、IDを自分で付与する必要が多分あると思うんだけど、逆にIDを自分で付与するってことは、「36.」のようにいくらでも折りたためるってことだったりして。。

ソース見たけど「最新記事」で抜粋すると、
<td class="side_title" id=entryname>最新記事<<td></tr></table>
<div align="center"><img src="/blog/template/17/img/side_title_footer.gif"></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div class="side_text" id=entrylist>

追記してあるid=entryname、id=entrylistって部分を追加して、さらに本文で説明している

FoldNavigation('comment' ,'on' ,false); // 最新コメント

の下に

FoldNavigation('entry' ,'on' ,false); // 最新記事

を追加すれば最新記事の欄が折りたたみ式に変わるですよん。
トラバ、アーカイブ、カテゴリーも同様で、
まずは、「27.」~「31.」をやった上での話しになってしまうのです。。。

もしかすると、もっと簡単な方法が存在するのかもしれないけど、サイドバーの各項全てを折りたたみするならこれをクリアしないとかも。。。

カスタマイズでもっとも難しい部分だと思うけど、頑張ってくださいませませ。。。
ふぁいとぉー!!┗(  ̄◇ ̄)乂( ̄皿 ̄ )bいっぷぁーつ!!
  1. 2005/04/19(火) 23:32:19 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

ココログのソースは、↓。
ちょっとページがおかしいから、キャッシュなのだけど。。。
http://66.102.7.104/search?q=cache:G_tL0aTf3oAJ:facet.cocolog-nifty.com/divers/2004/03/post_21.html+%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%80%80%E6%8A%98%E3%82%8A%E7%95%B3%E3%81%BF+%22cocolog-nifty.com%22&hl=ja
  1. 2005/04/19(火) 23:16:46 |
  2. URL |
  3. Makiyo #E2GTiodY
  4. [ 編集]

もしかして、この方法だと、トラバ、アーカイブ、カテゴリーは、たためないのかなぁ?
さっき、トラバで試してみたのだけど。。。
ココログの方は、短いのをコピペするだけで済んだのだけど、応用は出来ないのかしら?
  1. 2005/04/19(火) 23:08:36 |
  2. URL |
  3. Makiyo #E2GTiodY
  4. [ 編集]

コメントの投稿

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

トラックバック

トラックバックURLはこちら
http://10166.blog8.fc2.com/tb.php/35-fa1d38cd
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。