« モズのはやにえ | トップページ | 子犬が産まれました »

2005.01.30

サイドバー折り畳み

以前から気になっていたのですが、ようやく「サイドバー折り畳み」にチャレンジ。とりあえず「カテゴリ」「バックナンバー」を折りたたんでみました。参考にさせていただいたのは(というか、そのままですが)、facet-diversさまの「サイドバー折り畳み2:状態保持機能付き」。
おお、素晴らしいー!!すっきりしました。

が、一つ問題が。私はずっとサイドバーのタイトルを四角で囲んでいたのですが、そうするとこんなふうに下のタイトルとくっついちゃうのですね(^-^;
050130-01で、結局いろいろ試したのですが、下線をつけて左隣に画像を配置することにしました。・・・・なんだか画像だらけになってきたかな(^-^;

|

« モズのはやにえ | トップページ | 子犬が産まれました »

ウェブログ・ココログ関連」カテゴリの記事

コメント

こんにちは  
サイドバー折り畳みは私も使わせて頂いてますが 
タイトル同士がくっついてしまうのと関連して 開いた時に リストの最後の行と次のタイトルがくっついてしまうのが 気になってました  
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

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: サイドバー折り畳み:

« モズのはやにえ | トップページ | 子犬が産まれました »