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

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

スポンサーサイト

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

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

さて、ここでは、「34.」?「35.」で説明したコメント欄の折りたたみ式を応用して、好きな箇所を折りたたみ式に変更する方法を説明しますよん。

まぁ、「34.」?「35.」ができてればあとは簡単なんでがんばってくださぃませませませませ。

。(ёё。)(。ёё)。うふうふ♪


まずは、サイドバーの機能追加・編集を選択し、
折りたたみ式にしたい項目を選択してください。
(以降は、「11.」や「27.」?「31.」を実践している方対応です。)

「11.」や「27.」?「31.」に度々登場してくる次の文があると思います。

<div class="side_title">ここにタイトル</div>
<div class="side_text">

これに、IDを与えてあげましょう!
IDとは、まぁ管理番号みたいなもので、一部使えない単語もありますが、とりあえず適当なIDを決めてください。
そして、次のように桃字部分を追加してください。

<div class="side_title" id=*****name>ここにタイトル</div>
<div class="side_text" id=*****list>

なお、***** には、半角英数字で好きな文字を入れてください。
たとえば、
最新記事欄ならentry、
最新トラバ欄ならtb、
うさぎの欄ならrabit など、自分のわかりやすい文字で!

折りたたみしたい項目に対してこの作業がすべて終了したら、「34.」で作成した「JAVA」を選択してください。

この中に、上の方に、
FoldNavigation('comment' ,'on' ,false); // 最新コメント
ってありますので、

この下に次のように追加してください。
FoldNavigation('*****' ,'on' ,false); // 自作ですよん

桃字部分は、上で作成したIDと同じものを入れてください。
緑字部分は、「34.」を参照してください。

これを、作成したIDの分だけ繰り返します。

例:
FoldNavigation('comment' ,'on' ,false); // 最新コメント
FoldNavigation('entry' ,'off' ,false); // 最新記事
FoldNavigation('tb' ,'off' ,false); // 最新トラバ
FoldNavigation('rabit' ,'on' ,false); // 最新うさぎ

以上で長かった折りたたみ作業も終了でございます。
よくがんばりましたねぇえぇ
(*--)ヾ( ̄▽ ̄*) ナデナデ

スポンサーサイト
  1. 2005/04/19(火) 10:04:25|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:17
<<35.サイドバーを折りたたみ式にしよう2 | ホーム | 37.全体のレイアウトを変えてみよう!>>

コメント

ありがとうございました!

すっ、すいません。
34番にちゃんと書いてありましたね(;^_^A アセアセ・・・
質問する前にちゃんと文章を読まなくては・・・。
おかげさまで無事解決しました。
ついでに38番もやってしまいました♪

これからもお世話になります。
ありがとうございましたm(_ _)mペコリ
  1. 2005/11/03(木) 02:15:33 |
  2. URL |
  3. よ~ちゃん #COh6ABfU
  4. [ 編集]

よーちゃんさんへ

えと、

FoldNavigation('mero' ,'on' ,false); // メロメロパーク
FoldNavigation('tagu' ,'on' ,false); // タグふれんず
FoldNavigation('cocoa' ,'on' ,false); // ココア・アイランド
FoldNavigation('kousagi' ,'on' ,false); // こうさぎ
FoldNavigation('TB' ,'on' ,false); // TB people

ってあるので、最初を閉じた状態にしたいやつの'on'を'off'に変更してくださいね。

ヽ(=´▽`=)ノ
  1. 2005/11/02(水) 20:42:08 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

はじめまして!
ヤプログのカスタマイズをしたくて色々検索して
こちらにたどり着きました♪
試行錯誤してやっと色々カスタマイズ出来たのですが、
このサイドバーを折りたたみ式にしようを実行したのですが
ページを見ると最初は折りたたんだ形にはならないんですか?
(私のページは開いた状態で表示されます)
最初から折りたたんで表示するにはどうしたらいいのでしょう?
お時間のある時にお返事をよろしくお願いします。
  1. 2005/11/02(水) 20:10:58 |
  2. URL |
  3. よ~ちゃん #J8sWLEBQ
  4. [ 編集]

あにぃさん、こんばんは~
見に来ていただいたみたいで・・・
お手数おかけしてすみません。
あれからいじりすぎて、大変な事に
なってしまい、スキンもどしちゃったんです。
javaはまだ残してるので
またこれから頑張ってみようと思います。
その時はまたお世話になります。
本当にありがとうございます。
すみませんでした。。。
  1. 2005/09/11(日) 02:27:33 |
  2. URL |
  3. マリモ #L1x6umnE
  4. [ 編集]

マリモさんへ

えと、確認したのですが、
最新記事のとこに「O」なるものが見当たらなかったのですが・・・
( ̄~ ̄;) ウーン
なおったのかな??
  1. 2005/09/08(木) 21:08:06 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

初めまして~

初めまして~。
ここを参考にかなりカスタムできました♪
どうもありがとうございます!!

ところで、最新記事の一番上の部分に
0とかいう物体がでてきてしまいました。。。
これはどうやったら消えるのでしょうか??
お忙しいところすみませんが教えてください、
お願いします。。。
  1. 2005/09/07(水) 23:36:06 |
  2. URL |
  3. マリモ #L1x6umnE
  4. [ 編集]

峰さまへ

えと、右側に空白が確認できなかったのですが、
解決されたのかな??
なにはともあれ、よかったよかった。
ヽ(=´▽`=)ノ
  1. 2005/07/23(土) 10:41:54 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

たびたびすいません・・・

1日経過してないのにまたまた質問です。
ブログの右端に空白ができてしまいました。
あまり他の所をいじった覚えがないので
困っています...。
よければ解決策、教えてください!!
  1. 2005/07/21(木) 21:37:31 |
  2. URL |
  3. 峰 #kyBjvhlc
  4. [ 編集]

感謝ですー!!

あにぃ様 遅くなりましたが ありがとうございました!!
先刻 やってみました!!
ちょっとサイドバーの内容変えましたが
書かれているとおりにやったらとても綺麗にできました!!
本当にありがとうございます!!
  1. 2005/07/21(木) 00:01:03 |
  2. URL |
  3. 峰 #kyBjvhlc
  4. [ 編集]

峰さまへ

えと、まず、最初の問題は、
たぶん、
meromero park
のサイドバーのところで
%lt/div>
閉じ忘れています。

んで、すきまは、

<div class="side_title" id=meroname>meromero park</div>

とか
<div class="side_title" id=ringname>web ring</div>

の前に


<div class="side" style="margin-bottom:10px;">

を挿入して、
さらに、そのくくりの最後に
</div>
を追加してくださいませませ。
(*- -)(*_ _)ペコリ
  1. 2005/07/19(火) 22:49:55 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

はじめまして。

お世話になっています。
今ブログカスタマイズ中の峰といいます。
えっと、早速質問です。
ブログのmeromero parkって所を折りたたむと、
それだけじゃなく以降全部なくなってしまうんですが・・・
どういうことでしょう?

あと、もう一つ質問です。
右だけサイドバーをたたむと密着してしまいます。
左のように離すことはできますか?

図々しくてすいませんが、教えていただけると嬉しいです♪
  1. 2005/07/18(月) 23:22:11 |
  2. URL |
  3. 峰 #kyBjvhlc
  4. [ 編集]

そらさんへ2

追記です。

さらに、

<div class="side" style="margin-bottom:10px;">



<div class="side" style="margin-bottom:10px;overflow: auto; height: 200px;">

に変えてください。
m(。_。;))m ペコペコ…
  1. 2005/07/12(火) 07:43:11 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

そらさんへ

<div style="overflow: auto; height: 200px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td class="side">
<div align="center">
<img src="{$BlogTmplUrl$}img/side_title_header.gif" alt=""></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="side_title"><div align="center">☆リンク集☆</td></div>
</tr>
</table>
<div align="center">
<img src="{$BlogTmplUrl$}img/side_title_footer.gif" alt=""></div>

って文を、


<div class="side" style="margin-bottom:10px;">
<div class="side_title" id=****name align="center">
<img src="https://www.yaplog.jp/yurayurali/img/194/links.gif">
</div>
<div class="side_text" id=****list>

に変えてください。
さらに、

最後の

<div align="center"><img src="{$BlogTmplUrl$}img/spacer.gif"
align="absmiddle" width="5" height="10" alt="">

を削除してください。

どうでしょうか?
うまくいきました???
ヽ(=´▽`=)ノ
  1. 2005/07/12(火) 07:40:14 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

あのー…

サイドバーの新規機能追加で作ったリンク集を折りたたみたいんですけど、どこをどう変えればいいのかよくわからなくなってしまいました・・・。教えてくださーい><

こんな風になってるんですが・・・↓

<div style="overflow: auto; height: 200px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td class="side">
<div align="center">
<img src="{$BlogTmplUrl$}img/side_title_header.gif" alt=""></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="side_title"><div align="center">☆リンク集☆</td></div>
</tr>
</table>
<div align="center">
<img src="{$BlogTmplUrl$}img/side_title_footer.gif" alt=""></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="side_text"><div align="center">
<a href="http://10166.blog8.fc2.com/" target="_blank">(裏)くぅたん日誌</a>
</div></div>

<div class="side_text"><div align="center">
<a href="http://yaplog.jp/material/" target="_blank">sampling.sys</a>
</div></div>

~省略~

</td>
</tr>
</table>
</td></tr></table>
<div align="center"><img src="{$BlogTmplUrl$}img/spacer.gif"
align="absmiddle" width="5" height="10" alt=""></div></div>


どこら辺に、
div class="side_title" id=*****name>ここにタイトル</div>
<div class="side_text" id=*****list>
を入れるんでしょうか!?
  1. 2005/07/10(日) 21:20:13 |
  2. URL |
  3. ソラ #7RorUgFk
  4. [ 編集]

???r(・x・。)アレ???

えと、前の質問にあったので
そこで回答していますですよん。。

リンクはご自由にお貼りくださいませませ。。
ヽ(=´▽`=)ノ
  1. 2005/05/19(木) 20:36:48 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

これで本当に最後です。

ツリー式の画像が出ません。
それさえクリアできれば完成です。
本当にありがとうございました。
リンクはらせてもらってもいいですか?
  1. 2005/05/19(木) 19:44:28 |
  2. URL |
  3. 茜 #-
  4. [ 編集]

もう一つ…。

リンクのところだけ点線がおかしい理由がわかりません。
ごめんなさい、教えてください。
  1. 2005/05/19(木) 18:48:36 |
  2. URL |
  3. 茜 #-
  4. [ 編集]

コメントの投稿

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

トラックバック

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