2012-04-26 13 views
0

私は、あなたがログに記録されると、Wordpressのトップメニューバーの機能を多かれ少なかれ複製するために、javascriptライブラリ(usiny jqueryを行うことができれば)を探しています。画像/リンクを左、右、または両側に追加することができます。Wordpressの管理メニューのようなMenubar

私が見つけた最もjavascriptのメニューのライブラリはこの1つのように素敵ではありません、それらのいくつかは、片側のみのボタン/リンクを追加したり、中心...

は添付画像を参照してください。

おかげ

enter image description here

答えて

0

EDIT: Bootstrapは、箱から出して、この機能を提供します。 Bootstrapフレームワーク全体を必要としない場合でも、必要なものを残りのものから簡単に分離することは簡単です。 (など、このようなドロップダウンメニューとしてより複雑なエキストラ、のいずれも、との)迅速かつ簡単なスティッキーナビゲーションバーの

、次のCSSを使用することができます

#bar { 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    height:36px; 
    background: black; 
} 

を...と必要なものを追加してください。

<div id=bar> 
    <img class=bar-left src=logo.png /> 
    <div class=bar-right>Login button!</div> 
</div> 

とCSS:

.bar-left { 
    float:left; 
} 

.bar-right { 
    float:right; 
} 

これは十分に機能します。 jQueryについては、それを使用して、.append().prepend()のメソッドを持つ要素をnavbarに動的に追加することができます。

+0

あなたのコードは動作しますが、より多くのオプションを有効/表示/非表示にするサブメニューが必要です。 – mongeta

+0

あなたはこのような機能をBootstrapで見つけることができます:http:// twitter .github.com/bootstrap/javascript.html#dropdowns – egasimus

+0

ありがとう、私はこれが私の望むものだと思う:-) – mongeta

関連する問題