サイドバー折り畳み
以前から気になっていたのですが、ようやく「サイドバー折り畳み」にチャレンジ。とりあえず「カテゴリ」「バックナンバー」を折りたたんでみました。参考にさせていただいたのは(というか、そのままですが)、facet-diversさまの「サイドバー折り畳み2:状態保持機能付き」。
おお、素晴らしいー!!すっきりしました。
が、一つ問題が。私はずっとサイドバーのタイトルを四角で囲んでいたのですが、そうするとこんなふうに下のタイトルとくっついちゃうのですね(^-^;
で、結局いろいろ試したのですが、下線をつけて左隣に画像を配置することにしました。・・・・なんだか画像だらけになってきたかな(^-^;
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- グリムスも七夕!(2009.07.07)
- 大人の木に成長しました(3本目)(2009.06.18)
- エイプリル・フールですから(2009.04.01)
- 大人の木に成長しました(2本目)(2009.03.20)
- ひなまつり!(2009.03.03)


コメント
こんにちは
サイドバー折り畳みは私も使わせて頂いてますが
タイトル同士がくっついてしまうのと関連して 開いた時に リストの最後の行と次のタイトルがくっついてしまうのが 気になってました
fumiさんの方法を参考にさせて頂いて デザインを再考してみようかなぁ
投稿: Маша(マーシャ) | 2005.01.30 16:02
トラックバック、ありがとうございました(^^)
折り畳んだ時のタイトル間のマージンを調整するには、折り畳みスクリプトを仕込んだマイリストのメモ欄などに、
style type="text/css"
!--
.sidebar h2.folded {
margin-bottom: 15px;
}
--
/style
と書き足してやればOKです。15pxは適当に調整してください。
開いた時のマージンは、折り畳みスクリプトとは関係ないのですが、同様にして、
.sidebar .module-bottom {
margin-bottom: 15px;
}
としてやれば広げられるかもしれません。お試し下さい。(→Машаさん)
PS
私のブラウザ(Firefox)では、サブタイトルが変になってますので、
!-- トガキュー用
を
!-- トガキュー用 --
にした方がよいかと思います。
お知らせまで〜。
投稿: facet | 2005.01.30 19:53
>Маша(マーシャ) さん
こんなもので参考になりますでしょうか・・・。まだまだ勉強しなくてはと思う今日この頃です。
>facet さん
わー、ご指導ありがとうごうざいます。
トガキュー、先日入れようとして失敗して、そのまま放置しておりました(ハズカシー!!)。
こちらもご指摘ありがとうございます。
投稿: fumi | 2005.01.30 20:04
>facetさん
アドバイス ありがとうございました
開いた時のマージンも やはり折り畳みスクリプトと関係していると思います
使ってなければ <ul>のmarginによって間があいているのが 導入するとくっついてしまうので...
結局 教えて頂いたのではダメで(^^;)
前者を試してみたら 開いた時の間もあけられました
>fumiさん
うまいなぁっと 目からウロコでした
少しは 自分でもいじってみたのですが(^^;)ゞ
視点を変えてみるところまでいかなかったんですね で「わからん」と放置してました
今回は facetさんのおかげで タイトルのデザインを変更せずに 間をあけることができてしまいましたが その内 何らかの形で使わせて頂くかもしれません
投稿: Маша(マーシャ) | 2005.01.30 23:33
marginの件、ここで続けるのもなんですが、成行きなのでお許しを。
Машаさん曰く、
>前者を試してみたら 開いた時の間もあけられました
.module-bottom への指定がダメだったのは分かるのですが、開いた時の間が .sidebar h2.folded への指定で変わることは、ありないと思うんですけどね...。ちょっと調べてみて、続きはМашаさんのブログの方に書き込みますね。
投稿: facet | 2005.02.01 04:11