CSSテクニック

99%CSSプルダウンメニュー for カスタマイズ

99%CSSプルダウンメニューの最終形態?です。 ブラウザーによる違いを極力押さえ込み、複雑怪奇だったCSSを誰でもカスタマイズできるように整理し直しました。 実際に取り入れるも良し、カスタマイズしながらCSSの勉強をするも良し。好きなように使ってみてください。

デフォルトの場合


若干カスタマイズした場合

縦型にカスタマイズした場合

カスタマイズ用ベースのダウンロード

実際にカスタマイズしてみたい方はダウンロードしてください。

スタマイズ用ベースファイル:css-pulldown.lzh

カスタマイズしやすいようにしていますが、全てのカスタマイズパターンを網羅することは不可能なので、 カスタマイズの仕方によっては不具合が生じる可能性があります。また、ブラウザーによる違いが多少あります。 その点をご理解の上、ご利用ください。


使いこなすための+α

メニューを全ページに表示させ、さらに更新を楽にしたい場合はSSIを導入すると良いでしょう。 SSIに関してはとほほのSSI入門などを参照してください。

jsファイルに書き出しとかも使えるかもしれないけど、私はよく分かりません。フレームを使う方法も考えられますが、上手くいかないと思われます(そこまで試す気力がありませんでした)。

毎度のことながら動作保障はIE6以上、Opera7以上、firefoxのみです。他はどうなってるか知りません。 使うときはそこんとこよろしくです。


一覧へ戻る


Last Modified 2005-08-06 © きくちゃん 2004 - All Rights Reserved