MITRABLOG」。WordPressのテーマとしても公開されているデザインなのだが無理矢理このブログに移植しようと試みた。ソースは一切見ずにキャプチャして画面データからレイアウトサイズや使われている色を割り出すという、レシピがあるにもかかわらずそれを見ずに分子構成からオリジナルの味を再現するような愚挙に走っているわけです。ほっとけ。

 しかし、ただ真似するだけでは芸が無いので、jQueryのプラグイン「Lava Lamp」を使って、無駄にリッチなメニューを付けてみようと画策してみた。この「Lava Lamp」、実際ののデモ画面を見ていただけると、一目瞭然なのだが、メニューにマウスカーソルを合わせると、ミュイーンとフォーカス部分が動くのである。一見、Flashのようにも見えるが、CSSとJavaScriptだけで行っている。 

" /> Lava Lampの設定にハマる(未解決) - ネットスクランダー

Home > Webサイト > Lava Lampの設定にハマる(未解決)

Lava Lampの設定にハマる(未解決)

 ページ上部のメニューをちょっと変更してみた。ちなみに、デザインの参考にしたのは、「MITRABLOG」。WordPressのテーマとしても公開されているデザインなのだが無理矢理このブログに移植しようと試みた。ソースは一切見ずにキャプチャして画面データからレイアウトサイズや使われている色を割り出すという、レシピがあるにもかかわらずそれを見ずに分子構成からオリジナルの味を再現するような愚挙に走っているわけです。ほっとけ。

 しかし、ただ真似するだけでは芸が無いので、jQueryのプラグイン「Lava Lamp」を使って、無駄にリッチなメニューを付けてみようと画策してみた。この「Lava Lamp」、実際ののデモ画面を見ていただけると、一目瞭然なのだが、メニューにマウスカーソルを合わせると、ミュイーンとフォーカス部分が動くのである。一見、Flashのようにも見えるが、CSSとJavaScriptだけで行っている。

 実際に当ブログに入れてみると、ミュイーンと動きはするのだがクリックできない。クリックしても該当のページに移動できないので、全く見掛け倒しのメニューとなってしまった。というわけで、現在はJavaScriptは外して、Lava LampのCSSだけでメニューを構成している。

 あと既知の問題として、トップページと各記事のメニューは問題なく表示されるのだが、カテゴリー別ページや月別ページでは表示がずれる。ほんとCSSってめんどくさい。メニューだけTableで組んでしまおうか、なんてことも考えたくなる。

#風邪を引いたらしく昨日から伏せっている。体の節々が痛くて、楽しみにしていた「ピューと吹く!ジャガー THE MOVIE」も見に行けず、冴えない連休となりそう。

関連記事:

  1. [レビュー]ピューと吹く!ジャガー THE MOVIE(ネタバレ無しバージョン)
  2. [レビュー]ピューと吹く!ジャガー THE MOVIE(ネタバレ有りバージョン)
  3. MT4 + Vicunaに移行してみた
  4. ウェブデザイン技能検定3級に合格した
  5. TwitterみたいなWordPressテーマ「Prologue」

Comments:2

とっしぃ 09-01-16 (金) 6:46

私も同じ問題で苦しんでいてここに辿り着きましたが、自力で解決しました。
最初はz-indexの問題かと思いましたが違いました。
サンプルからコピーしたJavaScriptコードで下記のような部分があると思いますので、click以下の3行を削除して下さい。こーいうの見落としがちですね。。。


$("#navi").lavaLamp({
fx: "easeOutBack",
speed: 400,
click: function(event, menuItem) {
return false;
}
});

くまくま 09-07-17 (金) 17:26

私もハマりました。
ここに解決策が記載されています。http://allabout.co.jp/internet/javascript/closeup/CU20080415A/

ちなみに大元のサイトにもコメントで解決方法が載っています。
http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

コメント欄の「703. Stefanさん」
I just found the solution in post No. 41.
The keyword is to replace the return false to true.

ようは「false」を「true」にすればOKです。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://netscrander.com/archives/lava_lamp_1.php/trackback?_wpnonce=934f9b3d78
Listed below are links to weblogs that reference
Lava Lampの設定にハマる(未解決) from ネットスクランダー

Home > Webサイト > Lava Lampの設定にハマる(未解決)

サイト内検索
RSS
メールマガジン

メールアドレスを入力してください:

配信: FeedBurner

  • いい加減、ドクター中松の話題は全マスコミがスルーしないかな。彼にまつわる与太話・虚構を真に受ける人間がいるかと思うと気分が悪い。  1日前
  • ハイロウズの青春を聴き中。  1週間前
  • スカパーのカスタマーセンターに連絡中。絶賛たらい回し中。  1週間前
  • スカパーHDってひとつのアンテナ線から2つのチューナーに分配できないのかー。地デジもそうだけど、画質の向上と引き換えに、使い勝手がおそろしく悪くなるのは勘弁して欲しいよ。  1週間前
  • ロンハーの「俺たちの№1」は、ICONIQ、千紗(ガルネク)、鈴木亜美とエイベックスから3人ランクイン。狩野英孝がエイベックスでお世話になってるバーターだよね、これって。  2週間前
  • ブラックビスケッツのTiming(タイミング)をYouTubeでヘビロテ中。一番テレビが楽しかった時代を代表する楽曲。ヘキサゴンとはレベルが違うぜ。天野っちは本当に歌うまいなー  2週間前
  • スクリーンシートで人種を描き分ける高橋陽一  9時間前
  • キャプ翼っつったら、地平線が見えるグラウンドだよね。  9時間前
  • キャプ翼でサッカー始めたので、今日のアメトーークは懐かしい。  9時間前
  • 最近の「相棒」って、犯人しか知り得ない情報をうっかり喋ってしまって逮捕、というパターンが多くない?   15時間前
  • 過去の独り言...

Posting tweet...

Powered by Twitter Tools.

最近の投稿
Tag Cloud

Return to page top