サイドバーを折り畳む2【No.17-2】

2004/08/20 [金] 14:23
【ヤプログ:スキンカスタマイズ17(追記)】

サイドバーを折り畳む2


スキンカスタマイズ17の追記になります。
・・・というか、変な利用方法を。

荒技・・・のような気もします。


これは最新コメントと最新トラックバックを表示させると、便利そう・・・だけど長いなあ。 そう思ってテストをしてみているものです。
本当に便利かは微妙で・・・まだ再考の余地がいっぱいあるのですが;
サンプルはこのブログのサイドバーに付いていますが、また消えるかもしれません。

方法は簡単。
右のようにサイドバーの機能追加で、2つの機能を作り、折り畳みたい箇所をくくるという・・・荒技です。

■ div のHTML内容
 <div style="overflow: auto; height: ○○px; ">
  (当ブログでは、width:152px; height:150px; にしています)
  必要に応じて、 width: ○○px;を足してください。(通常はいらないかも)

■ /div のHTML内容
 </div><br>
  (改行タグは任意で)

タイトル部分も含まれてしまうというのが難点。

※ 追加できる機能は10個までです。 これだけで2つ使ってしまうので・・・どうなのでしょう。


他の良い方法をご存じの方がいましたら、ご教授ねがいます。



一応書き足しておきます。

機能の追加を2つ使用するということでしたが、左右各サイドバーの一番上と下の場合は、1つで済ませることもできます。
一番上なら「開始タグ」部分を、一番下なら「終了タグ」部分を、テンプレート3つに埋め込めば良いわけですね。
機能の追加ではなくこうすれば、まぁ他のもドンドン埋め込めます(埋め込みすぎには気を付けましょう・・・)。

私のような、片方のサイドバーを使用していない場合は、更にサイドバーのタグを移動したり、なにやらとかもできますが・・・。
ホドホドですな、何事も。



更に更に追記(8/26 引きずりすぎね、私;)

サイドバーの機能選択画面で設定したものは、各テンプレートの{$BlogSidebarRight$}(本来は左右のは半角)に埋め込まれるようになっています。

つまり機能選択画面で、サイドバーの順序を入れ替える→3つのテンプレートに反映される。ということですね(言い方が変かもしれませんが;)。 大変便利です。

{$BlogSidebarRight$}の中の順番を変更することは、テンプレートではできません。 この間にタグを挿入することもできません。
でも、最初と最後だけには足すことができます。 こんな風に
(最初に足したい場合は{$BlogSidebarRight$}の前に挿入)

注意するのは、テンプレート3つ(メインテンプレート・アーカイブテンプレート・1記事テンプレート)に同様のことをしなければならない、ことです。
故意に違うサイドバーにすることもできますが。 ・・・自分で混乱しそうですね。

上述の様なdivだと、終了タグを忘れてもIE6では補完してくれた気がしますが・・・NNはどうでしょう・・・。 
とりあえず、望ましくはないですね。
場合によっては、テンプレート全体に影響を与えるかも。 対になっているタグでは、開始・終了が記述されている(ようになる)ことを確認しましょうね〜。 私もな。



更に更に更に追記(10/5 あああ、どこかでまとめないと;)

サイドバータイトル以下を折り畳む方法を教えて頂きました。
(なんか、的確な表現方法が見つからないのですが;)
ありがとうございました。
コメントのみとか1つずづ畳みたい方は、こっちの方が良いかと思います。。

詳しくは「ヤプログのカスタマイズ-その1(箕島のん さんの記事)」に書いていらっしゃいます。

右のように並べることもできます。
すごいです。



ですが・・・どうやらタイトルの下に画像が入るタイプのスキンだと(紅葉のとか)、それも一緒に折り畳まれてしまうようですね・・・。
(あれって、site_titleの背景じゃないんだ・・・side_title_footer.gifだったのか・・・)
うーん。
なかなか一筋縄ではいかないな・・・ヤプログさんよ。
サイドバータイトルの名前は、文字数制限100文字で勝手に切れるのですね;

こちらはぽちさんに教えて頂きました。
ありがとうございます。


url : http://yaplog.jp/material/archive/190

   コメント


 > maririさん

こんにちわ〜。

とりあえずは目立たなくなって良かったですv
濃い色を持ってこなければ、以外と目立たないような・・・でも気にしてしまうと目立つような・・・感じですよね;

どうでも良いようで、私は1pxでも気になるので、これには悩まされましたよ・・・TT
Posted by:  とーこ  at 2005/02/10 [木] 17:37


 とーこさん、こんにちは。
教えていただいたように、sideの背景色をffffffにしたら目立たなくなりました。
よかったです〜。
side_title_footer.gifとやらは、個々には消したりできないようですね。
その辺は自力でカスタマイズできない私は、気にしないようにするしかない
かな〜。
あとはこの壁紙を変えちゃったら、サイドバータイトルの上に線が
見えちゃうってことですねー。そのときはまた考えなければ・・・。
でもいつも助かります。ありがとうございました〜^^

Posted by:  mariri  at 2005/02/08 [火] 10:51


 > maririさん

この隙間はですね・・・ヤプログさんのside_title_footer.gifという画像のためです。
(今は分かりませんがタイトルの上の部分にもside_title_header.gifというのがいます)
こればかりは、普通にしていると出てきます。

これを使って、htmlなどをいじれないスキンの場合、タイトルの上下に画像が出るようになっているのですが。
スキンをいじりたい人には邪魔でしかないですよね〜;

もしかしたら、sideの背景色を#ffffffにすれば、目立たなくなるかもしれません・・・。
(サイドバータイトルの上に1pxの白い線が出ますが、この壁紙なら気にならないかも)

私はこれが嫌で独自タグに走った人間なのです(苦笑)。
Posted by:  とーこ  at 2005/02/08 [火] 00:27


 とーこさん、こんにちは。
いつもお世話になっています。
さて、コメント等の折り畳みはできたのですが(のんさんの方法で)
私はバックを細かい柄の壁紙にしているせいか、
コメント内容などの部分のカラーを白にしているのに
タイトルの下とコメント内容の間に壁紙の柄が入ってしまいます。
この隙間をなくそうといろいろいじってみたのですが、どうにもわかりません。
隙間が入るのは元からあるコメントなどで、MyblogListなどは隙間がありません。
折り畳みじゃないですが、リンクやカテゴリも同様に隙間が空きます。
これはrangeでバックを白にしちゃったほうがいいんでしょうかね・・。
教えてくださるとありがたいです。お願いします〜。
(もうひとつ質問があるので別部分にいれさせていただきます)
Posted by:  mariri  at 2005/02/06 [日] 12:51


 >いさ さん

はじめまして〜。
コメント有り難うございます。

やっぱりコメント欄って畳みたいですよね。
単独で畳む場合ですと、Milky Heart*さんの記事も参考になるかと思いますよ。(というか、こっちの方がステキ)
良かったら、ご覧になってはいかがでしょう。
こちらこそ、よろしくお願いします〜。
Posted by:  とーこ  at 2004/11/03 [水] 15:11


 はじめまして、こちらの記事を参考に(というかモロパクリ)
コメント欄の整理させていただきました。

まだまだパソコンの操作に慣れていない未熟者です。
これからもとーこ様のブログをお手本に、日々精進していきたいと思っておりますので宜しくお願いします。
Posted by:  いさ  at 2004/11/02 [火] 18:55


 >あーちゃん さん

なるほどー、消したり出したりのにしたのですねぇ。
私もそうしようかとも思ったのですが、面倒でやめてしまいました;

テンプレートに直接埋め込んでしまうと、移動が大変になるので、できればしたくないのですよね;;(面倒くさがりなもので)
でも、スッキリした見た目は捨てがたいですね・・・とか人のを見て思ったり。
うーん。 悩ましい。

ちなみに、あーちゃんさんのブログを、NN7とFireFox0.9で見させていただきました。
このスクリプト自体は動いてそうですね〜。
レイアウトは、サイドバーが広がってしまっているのですが;
(ヤプログのHTML/CSS変更可のスキンは、こうなってしまうようなのです。 原因は・・・どこなのか検討中;)

mybloglistは、こっちからも登録させていただきました。
コッソリ覗きに行ってますv
Posted by:  とーこ  at 2004/10/08 [金] 23:17


 とーこさん、こんにちは。
macchiato*moblogのasakaです。
この記事初めて見たときからずっと気になってまして。
時間ができたのでカスタムしてみました。
私は出したり消したり(うまく言えませんが;)させるようにしてみました。
サイドバーをくくるって事、頭に全然なかったです。
なるほどーーーって。
私はサイドバーの機能追加でタグを追加せずに、
直接それぞれのファイルに書き込みました。
(JavaScliptの設定上、サイドバーにタグ追加をしてたら、
混乱してしまって;;ぐちゃぐちゃになってしまったので、直に書いちゃったんです。笑)
サイドバーの機能追加でタグ追加、目からウロコでした。
サイドバーに入れれば、3つとも一度に変換してくれるから、
便利ですよね〜♪
かなりかなり参考になりました。
ありがとうございました。

ウチはmybloglistはメインBlogのみなので、
Linkの方にリンクさせていただきました。
これからも、よろしくお願いいたします。
Posted by:  あーちゃん  at 2004/10/08 [金] 14:20


 >ぽち さん

いえいえ〜。
トラックバック嬉しいです♪

既存スキンに関しては、全然視野に入ってなかったので(申し訳ない;)、こういうことも教えていただけると助かります。
Posted by:  とーこ  at 2004/10/06 [水] 14:53


 とーこ様、すいませーん
勝手にトラックバック貼った上に記事にも追記していただいちゃいまして(汗)
これからもとーこさんのブログを参考に、いろいろとカスタマイズして遊びたいと思いまふ☆
有り難うございました(^-^*)/
Posted by:  ぽち  at 2004/10/05 [火] 18:14


 >箕島のん さん

ありがとうございます〜。

なるほどなるほど。
サイドバ−のタイトルって、タグが使えたのですねぇ。
確認したつもりでしたが、やり方が悪かったようです。

教えていただけて、嬉しいです♪

私も早速やってみますっ。
Posted by:  とーこ  at 2004/10/04 [月] 13:47


 はじめまして。

コメント&トラックバックの折りたたみは、私も頭を悩ませていたのですが、こちらでヒントをいただいて(ありがとうございます!)
タイトル以下をたたんでみました(無理やりではあるのですが)
その記事にTBさせていただきましたのでよろしくお願いします。
Posted by:  箕島のん  at 2004/10/04 [月] 11:12


 >ネネ さん

はじめまして〜。
コメントありがとうございます。

本当は、コメントやトラックバックなどの記事数を選択(あるいは表示方法のカスタマイズが)できると良いのですけどね;
Posted by:  とーこ  at 2004/09/26 [日] 17:30


 こんにちは。はじめまして
いろんな所を回って、こちらに辿り着いていろいろ勉強させていただいてます。
コメント欄の長いのが気になっていましたがスッキリできました。
これからも参考にさせて頂きたいと思います
ありがとうございました。
Posted by:  ネネ  at 2004/09/26 [日] 16:22


 >葵 さん

コメントありがとうございます。
お役に立てなによりです♪
Posted by:  とーこ  at 2004/09/21 [火] 16:23


 折りたたみ機能の解説、とても参考になりました。
ありがとうございました。
早速使わせて頂いてます。
Posted by:    at 2004/09/21 [火] 01:49


 >どら さん

はじめまして〜。
参考になったのなら、良かったです^^
記事がごちゃごちゃしてきてて、わかりにくいかと思いますが;

ココの・・・というか、人のhtmlとcssはやりにくいですよね;
私はいい加減慣れてしまいましたが(苦笑)。
勉強不足より・・・慣れだと思いますよ、きっと・・・。

こちらこそ、よろしくお願いします〜。
Posted by:  とーこ  at 2004/09/17 [金] 14:07


 はぢめまして

コメント欄変更他etc…色々参考にさせていただきました
ココのhtmlとcssなかなかカスタマイズしづらいような気がするんです
多分ワタシの勉強不足だとは思うんですが
これからも色々参考にさせていただきます

Posted by:  どら  at 2004/09/16 [木] 22:58


 >たんち さま

はじめまして♪

自分用に作った(という程のものではないですが)わりには、皆様に利用していただけてるのが嬉しいです。

こちらこそ、よろしくお願いします〜。
Posted by:  とーこ  at 2004/09/10 [金] 15:23


 はじめまして!

コメント欄,長くて困っていたんですが,おかげさまで小さくまとまりました♪
ありがとうございます〜〜☆
これからもお世話になると思います!よろしくお願いします☆
Posted by:  たんち  at 2004/09/10 [金] 14:22


 >akiko さま

はじめまして、こんにちわ。
うまくいったのでしたら、良かったですv

ヤプログさんが、サイドバーのカスタマイズもさせてくれると一番良いのですけどね(有料版かな・・・TT)。

私の微妙サイトの素材まで使って頂けてるようで・・・嬉し恥ずかしです;
もう最近は放置してるし(ブログで遊んでいるので)。
こちらこそ、よろしくお願いします〜。
Posted by:  とーこ  at 2004/09/06 [月] 08:34


 こちらに書き込むのは初めてです
いつもお世話になっております。
コメントのおりたたみ早速参考にさせていただきました!
まだ完全に理解しているわけではないのですが表示上では
大満足しています
とーこ様のblogはヤプログとは思えない素敵なスキンで
感動してしまいます。bloglistへの登録もありがとうございます!
今後とも宜しくお願いします。

Posted by:  akiko  at 2004/09/04 [土] 22:48


 >ワリ子 さま
こんにちわ、はじめまして〜。

後から付けたタイトルバーとの間のスペースですか・・・。
折り畳むための<DIV 〜>のあとに、全角スペースがはいっているようなので、それを消してみては如何でしょうか。
全角スペースって、思った以上に変なことになることがあるんですよね;
Posted by:  とーこ  at 2004/09/01 [水] 13:49


 とーこさま、初めまして。
サイドバーの折りたたみ方、参考にさせていただきました〜。
ありがとうございます
タイトルバーも含まれてしまうので、もうひとつバーをとりつけてみたら…
なぜか間があいている…
よくわからず適当にやるからこうなってしまうんですね(笑
また時間がある時に挑戦することにします。
また勉強させてくださいね〜。
Posted by:  ワリ子  at 2004/08/31 [火] 20:49


 >緋美 さま
はじめまして。 私も最初はコピペから始めました。
そのうち少しづつ勉強していって憶えたのですよ〜。
まったりしていきましょう〜(私はのんびりしすぎて、数年がかりでしたが;)。


>ミッチ さま
こんにちわ。
テンプレートも触ってみますか〜。 ヤプログさんのは絡まってて見にくいのですがね・・・。
がんばりましょうっ。
(追記の追記の説明で、わかるでしょうか・・・)
Posted by:  とーこ  at 2004/08/23 [月] 15:29


 と・とーこ様....。
追加機能を1つですむ方法、あるんですねー。

テンプレートを3つ、いじればいいんですね?

いままでテンプレートはいじったことないんですが、追加機能もったいないし(笑)、一つですむならテンプレートをいじりたいです。

なので、また追究の旅に出てきます....。

テンプレートのいったい何処に

>一番上なら「開始タグ」部分を、一番下なら「終了タグ」部分を、テンプレート3つに埋め込めば良いわけですね。

これをすればいいのやら....。

この意味すら分かりませぬ

あぅ。自分の無知さに、結構ブルー入ってますー


Posted by:  ミッチ  at 2004/08/22 [日] 06:27


 こんばんわ。
↓のミッチさんのところから飛んできました。
オイラ、パソ初心者なので必死にコピペして
なんとかうまくできましたよ!
感動です。ありがとうございました。
これからもなにかと勉強させていただきます
研究頑張ってください(笑
Posted by:  緋美  at 2004/08/21 [土] 22:23


 >ミッチ さま

無事にできましたか。 良かったです。
早い段階での指摘、助かりました。

本当は、サイドバータイトルはたたみたくないのですよね・・・。
何か良い方法が、ないでしょうかねぇ。
Posted by:  とーこ  at 2004/08/20 [金] 17:59


 早々なる対処、感謝感激です。

なんとか、成功した模様ですー。
ありがとうございました!

でも、通常表示のコメント欄って長くなりすぎですよね。
こうゆう技、知ってて損はないと思います!
Posted by:  ミッチ  at 2004/08/20 [金] 16:33


 すごー。荒技っちゃー荒技ですなっ!!

なるほど。
そんな手を使うんですね〜。
さすが、知識がなければこのような荒技をも思いつかないですよね!

早速使わせて参考にさせてもらいます〜。(ぇ

Firefox、導入中ですか!?
導入完了されたら、私のサイトのおかしなところを
ぜひご指摘くださいー(図々しい;;)

本当に、とーこ様のサイトは美しいですvv
崩れなど一つもありませんーーー
Posted by:  ミッチ  at 2004/08/20 [金] 15:12

▲ TOP   
P R
 このブログは
大部分は子供との日記です。
ヤプログのカスタマイズについても書いてあったりします。
(一部は、ドリコムブログにも使えたりします)
 
   
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
 
 カテゴリー
 
 最新記事
 



励みになります。
 カスタマイズ関連
 
移転しました。→sampling.sys
そっちの最新記事は以下。

 コメント
 
 トラックバック
 
 お役立ちリンク
 

 書いてる人
名前: 高野とーこ


ほぼ更新停止の素材屋

バルビレッジ: らぱん
(まんまるアイコンは、キオクノテチョウさんにお借りしました)
 
 TBP

 
http://yaplog.jp/material/index1_0.rdf

 ブログ内検索

 

 
Global Media Online INC.
ブログヤプース!ヤプログ! このページ内における「ラグナロクオンライン」から転載された全てのコンテンツの著作権につきましては、運営元であるガンホー・オンライン・エンターテイメント株式会社と開発元である株式会社グラヴィティ並びに原作者であるリー・ミョンジン氏に帰属します。(C)2004 Gravity Corp. & Lee Myoungjin (studio DTDS),All Rights Reserved.(C)2004 GungHo Online Entertainment, Inc. All Rights Reserved.
なお、当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。

・ 『barvillage』は、株式会社GWEBで提供しているサービスです。
・このサイトは『バルビレッジ』および株式会社GWEBとは一切関係がありません。

Copyright c MicroAd, Inc. c yoshiyasu/icca