2010-12-22 14 views
0

Ich baue eine Website auf dem WordPress Twenty Ten Thema. Ich möchte die Navigationsleiste so gestalten, dass die Tabs über die Oberseite verteilt sind, aber ein bisschen Verlust haben. Hier ist die navbar: http://screencast.com/t/AbIPglmGtQ Hier ist die CSS: http://pastebin.com/pSnCGcrQRaumnavigation Elemente WordPress Twenty Ten Theme

Auch würde jemand einen Hinweis auf das Hinzufügen Segmentierung zwischen den Tabs dh Start“Über | Dienstleistungen

Jede Hilfe viel würde geschätzt? . Würde eine Gabel in diesem Projekt zu setzen, bevor die Feiertage!

Alex

Antwort

0

Zunächst einmal lieben, werden Sie wahrscheinlich eine Child Theme, erstellt werden soll, weil sonst, wenn TwentyTen aktualisiert wird, Sie alle verlieren werden Deine Cu Stomisierungen. Was die Abstände betrifft, hängt es davon ab, ob sie voneinander beabstandet sein sollen, ohne die aktuelle Breite jedes Links zu erweitern, oder möchten Sie auch die Breite jedes Links erweitern? Art verwirrend, aber man kann es erweitern, indem Sie den Rand etwas zu erhöhen, wie:

margin: 0 15px; 

Aber das wird sie nur mehr verteilt - die Größe der Links wird das gleiche bleiben. Um die Größe der Links zu ändern, passen Sie auch das Padding an. Ich würde eine kleine Kombination von beidem machen.

Für den Separator in header.php, appx Linie 85, sehen Sie so etwas wie:

<?php wp_nav_menu(array('container_class' => 'menu-header', 'theme_location' => 'primary')); ?> 

ändern, dass zu:

<?php wp_nav_menu(array('container_class' => 'menu-header', 'after'   => '|', 'theme_location' => 'primary')); ?> 

, dass ein hinzufügen sollte | nach jedem Link dort. Ich hoffe, das hilft. Lass uns wissen!

+0

Danke Connor, es ist ein Weihnachtswunder. ;) Die Polster- und Randeinstellungen haben einwandfrei funktioniert, aber leider keine Liebe zu den Trennungen. Hier ist mein Code, vielleicht habe ich es verpfuscht? http://pastebin.com/qgj1KvTA Danke nochmal! – Alex

+0

Ich entschuldige Alex - es sollte "link_after" statt "nach" sein. Wenn das nicht hilft, mailen Sie mir: [Vorname] @ [Fullname] .com, und ich werde froh sein, Ihnen zu helfen! – Connor

+0

Hallo Connor, es stellt sich heraus, dass diese Änderung die untergeordneten Seiten in IE deaktiviert hat. Die Top-Level-Seiten können angeklickt werden, die untergeordneten Seiten werden deaktiviert und verschwinden beim Scrollen über sie in IE. Jenseits von Bizarr. Jede Hilfe würde sehr geschätzt werden. Hier ist die Website: http://www.econforensics.com Hier ist der Code: http://pastebin.com/svx8hNeK Danke, Alex – Alex

Verwandte Themen