「Wikiメニューにアイコン画像を表示するプラグイン」をjQueryでドック風に
FreeStyleWikiの本家のサイトに、「Wikiメニューにアイコン画像を表示するプラグイン」というプラグインが投稿されています。
このプラグインを、CSS Dock MenuというjQueryのプラグインを用いて、Mac OS Xのドック風に動作するようにしてみました。
ダウンロードはこちらから。
あらかじめ、Wikiメニューにアイコン画像を表示する_ex_iconmenu プラグインをインストールし、動作する設定にしてください。
また、_ex_iconmenu プラグインをインストールする手順において、tmpl/header.tmpl を上書きしますが、jQueryを利用したプラグインをインストールすると、これをさらに上書きすることになります。ご注意ください。
また、_ex_iconmenu プラグインのzipファイルには、アイコンが含まれていません。FreeStyleWikiの本家のサイトのプラグイン投稿のページには、いくつかアイコン画像が投稿されてはいますが、当たり前ですが、ドック風に動作することが考慮されていないため、どうもしっくりきません。
そこで、本サイトの場合、以下のページからドック用のアイコンをもってきました。
- De Freu. -Icon Pack. by *Uribaani on deviantART
- HydroPRO -HP- Dock Icon Set by ~MediaDesign on deviantART
同じサイトには多くのDockIconが投稿されてますので、いろいろ試してみるのもいいかもしれません。
うまくインストールできれば、本サイトの最上行のような感じで、WikiメニューがMac OS X のドック風に動作するようになります。
参考および関連情報
- CSS Dock Menu
- 「Wikiメニューにアイコン画像を表示するプラグイン」をjQueryでドック風にで利用しています。ありがとうございます。
- Wikiメニューにアイコン画像を表示するプラグイン
- このプラグインをそのまま用いて、jQueryでWikiメニューがMac OS X のドック風に動作するようにしてみました。ありがとうございます。
関連ページ