1

ユニークな問題の解決策を探しています。マルチサイト ビルド用に開発しているテーマの「ネットワーク メニュー」の下に wp_menu があります。メニューの中央にはロゴを保持する小さなリングがあり、その場所を保持する透明なリスト項目を取得し、他のすべての「正当な」リスト項目をその周りにラップできるようにする方法があるかどうか興味があります.だから左か右か。

cssを追加してカスタマイズできるリスト項目を挿入するフィルターを既に持っていますが、特に1つのリスト項目に円が存在する場所を保持させる方法がわかりません。

ウェブサイトは次のとおりです。 http://www.mountainjackscreative.com/sandbox/edts/sample-page/

どんな助けでも、あるいは単なるアイデアでも素晴らしいでしょう！

みんな、ありがとう。

4

3 に答える 3

1

jQuery を使用しているので、メニューでいくつかの計算を行うことができます。

編集:これを head タグの末尾の前に置きます

LAST_EDIT:これが JS フィドルhttp://jsfiddle.net/BsnFW/14/です。最後の試み:)

$(document).ready(function() {

    menuBreakPoint = 200; //width in px after which you want to insert the space (experiment with this)
    menuWidth = 0;
    rightMenuStart = 600; //width in px from left of menu container div to the right


    $('.sub_site_menu li').each( function() {
        menuWidth += $(this).width();
    if (menuWidth >= menuBreakPoint) {
       $(this).css('margin-left', (rightMenuStart - menuWidth));
       return false; //break out of each loop
    }
    });

});

これを使って。

于 2012-08-26T06:18:57.910 に答える
0

リストを2つに分割することはできませんか？片方を左に、もう片方を右に浮かせます。ロゴに何も表示されないように、適切なulマージンを指定しますか？

于 2012-08-26T02:13:47.470 に答える
0

jquery ソリューションを使用すると、すべてのブラウザーで最良の結果が得られる可能性が高いためです。しかし、CSS3 で間もなく実装される機能に関して、この他のリソースに出くわしました

含まれているのは、新しい CSS3 の「列」機能との互換性を強制するスクリプトです。

http://www.csscripting.com/css-multi-column/

于 2012-08-26T23:53:20.967 に答える