Arras Navigation anpassen

Hallo,

ich bin momentan dabei meinen Blog optisch anzupassen, leider bin ich ein absoluter PHP Vollpfosten, ich kann den Code zwar einigermaßen lesen und verstehen, aber weiß leider keinen Rat wie ich den Code so umstricke das genau das dabei rauskommt was ich möchte. Vielleicht kann mir hier ja jemand helfen :).

Also folgendes möchte ich gerne machen, ich habe folgendes Plugin gefunden

http://www.bjoerne.com/navigation-du-lapin-blanc/?page_id=21

Das Plugin erlaubt es mir Wordpress mehr als CMS einzusetzen, ich kann damit Kategorien an Seiten knüfpen. Meine Vorstellung war eine Top Navigation, bei der dann jeweils eine andere Sub Navigation angezeigt wird. Das ist mit dem Plugin auch möglich, leider kann die Arras Navigationsleiste die in dem Plugin verwendeten Variabeln nicht verstehen.

Wenn ich einfach den Arras Navi Quellcode mit dem von der Internetseite überschreibe funktioniert alles einwandfrei, leider wird die Navigation dann komplett zerschossen.

Daher bräuchte ich entweder Hilfe dabei den Quellcode so umzuschreiben dass die Variabeln in den ins Arras Menü passen

oder

Das Arras Menü mit dem vom Plugin ersetzen und das neue Menü optisch anpassen.

Ich würde mich wirklich sehr über Hilfe freuen :)

EDIT Ich habe hier schonmal die wie ich denke wichtigen Code Schnippsel

Main Navi Plugin

Zitat

<ul> [COLOR=#000000]<?php[/COLOR] [COLOR=#b1b100]foreach[/COLOR] [COLOR=#009900]([/COLOR]bjoerne_get_navigation_nodes[COLOR=#009900]([/COLOR][COLOR=#cc66cc]0[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#b1b100]as[/COLOR] [COLOR=#000088]$node[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR] [COLOR=#000088]$navItemSelected[/COLOR] [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]is_selected[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR] [COLOR=#339933]||[/COLOR] [COLOR=#000088]$node[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]is_on_selected_path[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] [COLOR=#b1b100]if[/COLOR] [COLOR=#009900]([/COLOR]bjoerne_is_node_visible[COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]'<li class="menuItem'[/COLOR][COLOR=#339933].[/COLOR][COLOR=#009900]([/COLOR][COLOR=#000088]$navItemSelected[/COLOR] ? [COLOR=#0000ff]' menuItemSelected'[/COLOR] [COLOR=#339933]:[/COLOR] [COLOR=#0000ff]''[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933].[/COLOR][COLOR=#0000ff]'">'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_print_link[COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]'</li>'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] [COLOR=#009900]}[/COLOR] [COLOR=#009900]}[/COLOR] [COLOR=#000000]?>[/COLOR] </ul>

Top Menu Arras Theme

Zitat

<div id="top-menu" class="clearfix">
<?php arras_above_top_menu() ?>
<?php
if ( function_exists('wp_nav_menu') ) {
wp_nav_menu( array(
'sort_column' => 'menu_order',
'menu_class' => 'sf-menu menu clearfix',
'theme_location' => 'top-menu',
'container_id' => 'top-menu-content',
'fallback_cb' => ''
) );
}
?>
<?php arras_below_top_menu() ?>
</div><!-- #top-menu -->

Alles anzeigen

Sub Menu Plugin

Zitat

<ul> [COLOR=#000000]<?php[/COLOR] [COLOR=#b1b100]foreach[/COLOR] [COLOR=#009900]([/COLOR]bjoerne_get_navigation_nodes[COLOR=#009900]([/COLOR][COLOR=#cc66cc]1[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#b1b100]as[/COLOR] [COLOR=#000088]$node[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR] [COLOR=#000088]$subNavItemSelected[/COLOR] [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]is_selected[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR] [COLOR=#339933]||[/COLOR] [COLOR=#000088]$node[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]is_on_selected_path[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]' <li class="menuItem'[/COLOR][COLOR=#339933].[/COLOR][COLOR=#009900]([/COLOR][COLOR=#000088]$subNavItemSelected[/COLOR] ? [COLOR=#0000ff]' menuItemSelected'[/COLOR] [COLOR=#339933]:[/COLOR] [COLOR=#0000ff]''[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933].[/COLOR][COLOR=#0000ff]'">'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_print_link[COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]' </li>'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] [COLOR=#b1b100]if[/COLOR] [COLOR=#009900]([/COLOR]bjoerne_equals_nodes[COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#339933],[/COLOR] bjoerne_get_current_path_element[COLOR=#009900]([/COLOR][COLOR=#cc66cc]1[/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR] [COLOR=#b1b100]foreach[/COLOR] [COLOR=#009900]([/COLOR][COLOR=#000088]$node[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]get_children[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR] [COLOR=#b1b100]as[/COLOR] [COLOR=#000088]$subNode[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR] [COLOR=#b1b100]if[/COLOR] [COLOR=#009900]([/COLOR]bjoerne_is_node_visible[COLOR=#009900]([/COLOR][COLOR=#000088]$subNode[/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR] [COLOR=#000088]$subSubNavItemSelected[/COLOR] [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR][COLOR=#000088]$subNode[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]is_selected[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR] [COLOR=#339933]||[/COLOR] [COLOR=#000088]$subNode[/COLOR][COLOR=#339933]->[/COLOR][COLOR=#004000]is_on_selected_path[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]' <li class="subMenuItem'[/COLOR][COLOR=#339933].[/COLOR][COLOR=#009900]([/COLOR][COLOR=#000088]$subSubNavItemSelected[/COLOR] ? [COLOR=#0000ff]' subMenuItemSelected'[/COLOR] [COLOR=#339933]:[/COLOR] [COLOR=#0000ff]''[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933].[/COLOR][COLOR=#0000ff]'">'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]' '[/COLOR][COLOR=#339933].[/COLOR]bjoerne_print_link[COLOR=#009900]([/COLOR][COLOR=#000088]$subNode[/COLOR][COLOR=#009900])[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] bjoerne_println[COLOR=#009900]([/COLOR][COLOR=#0000ff]' </li>'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR] [COLOR=#009900]}[/COLOR] [COLOR=#009900]}[/COLOR] [COLOR=#009900]}[/COLOR] [COLOR=#009900]}[/COLOR] [COLOR=#000000]?>[/COLOR] </ul>

Sub Menü Arras

Zitat

<div id="nav">
<div id="nav-content" class="clearfix">
<?php
if ( function_exists('pixopoint_menu') ) {
pixopoint_menu();
} elseif ( function_exists('wp_nav_menu') ) {
wp_nav_menu( array( 'sort_column' => 'menu_order', 'menu_class' => 'sf-menu menu clearfix', 'theme_location' => 'main-menu', 'fallback_cb' => 'arras_nav_fallback_cb' ) );
} else { ?>
<ul class="sf-menu menu clearfix">
<li><a href="<?php bloginfo('url') ?>"><?php _e( arras_get_option('topnav_home') ); ?></a></li>
<?php
if (arras_get_option('topnav_display') == 'pages') {
wp_list_pages('sort_column=menu_order&title_li=');
} else if (arras_get_option('topnav_display') == 'linkcat') {
wp_list_bookmarks('category='.arras_get_option('topnav_linkcat').'&hierarchical=0&show_private=1&hide_invisible=0&title_li=&categorize=0&orderby=id');
} else {
wp_list_categories('hierarchical=1&orderby=id&hide_empty=1&title_li=');
}
?>
</ul>
<?php } ?>
<?php arras_beside_nav() ?>
</div><!-- #nav-content -->
</div><!-- #nav -->

Alles anzeigen

Viele Grüße

und nochmal die CSS Datei

CSS Arras Default

Zitat

/* top menu */
#top-menu { background: #111; border-bottom: 1px solid #333; text-align: center;}
#top-menu-content { height: 25px; padding: 3px 0; }
#top-menu-content .sf-menu { text-transform: uppercase; margin: 0 2px; }
#top-menu .sf-menu a { display: block; text-decoration: none; padding: 7px 10px 8px; color: #AAA; font-size: 10px; border-right: 1px solid #333; }
#top-menu .sf-menu ul a { border: none; }
#top-menu .sf-menu ul li { border: 1px solid #333; margin-top: -1px; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li { color: #FFF; background: #111; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #373331; background: #FFF; }
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#top-menu .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 10px; }
#top-menu .sf-menu .sf-with-ul { padding-right: 15px; }
#top-menu .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#top-menu .sf-menu ul .sf-sub-indicator { display: none; }
#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul { top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu ul.sf-menu li li li.sfHover ul { top: 0; }

/* main navigation */
#nav { background: url(../../images/topnav.jpg) repeat-x bottom #322C2C; min-width: 990px; }
#nav-content { margin: 0 auto; width: 978px; }
#nav .sf-menu { float: left; line-height: 1.1; max-width: 770px; }
#nav .sf-menu a { display: block; text-decoration: none; padding: 8px 12px 11px; color: #AAA; font-size: 14px; }
#nav .sf-menu ul li { border: 1px solid #474331; margin-top: -1px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li { background: #373331; color: #FFF; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 12px; }
#nav .sf-menu .sf-with-ul { padding-right: 15px; }
#nav .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#nav .sf-menu ul .sf-sub-indicator { display: none; }
#nav .quick-nav li { padding-top: 8px; }

.quick-nav li { padding: 5px 0 0 8px; }
.quick-nav a:link, .quick-nav a:visited { display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; opacity: 0.6; }
.quick-nav a:hover { opacity: 1; }

.quick-nav #rss { background: url(../../images/rss.png) no-repeat; }
.quick-nav #twitter { background: url(../../images/twitter.png) no-repeat; }
.quick-nav #facebook { background: url(../../images/facebook.png) no-repeat; }

Alles anzeigen

schieb

ich würde auch einen kleinen obolus entrichten, falls mir das jemand in meinen blog einbauen würde ;-)