schieb
ich würde auch einen kleinen obolus entrichten, falls mir das jemand in meinen blog einbauen würde ;-)
Beiträge von DonPalle
-
-
und nochmal die CSS Datei
CSS Arras Default
ZitatAlles anzeigen/* 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; } -
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
ZitatAlles anzeigen<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 -->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
ZitatAlles anzeigen<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 -->Viele Grüße
-
Hat keiner eine Idee :/?
-
Hi,
ich durchforste schon den ganzen Tag diverse Foren ohne bisher das zu finden was ich suche... Vielleicht weiß ich auch einfach nicht wonach ich genau suchen muss um mein Problem zu beheben. Daher hoffe ich ihr könnt mir helfen :)
Also folgendes,
Ich betreibe einen Wordpress Blog mit einem Arras Theme. Hier kann ich ein Menü einfügen, welches direkt am oberen Bildrand liegt. Da mein ein relativ weites Feld an Themen abdeckt würde ich diese gerne sortieren.
Aktuelle Lösung sieht so aus:
http://www.tabletop-tutorials.de
Kategorien werden als Drop Down Menü angezeigt mit bis zu drei Subkategorien, wodurch das ganze etwas sehr unübersichtlich wird.
Ich würde das ganze gerne so lösen, dass ich ein Top Menu einfüge, in dem ich die Hauptkategorien anzeige
Z.b.
Science Fiction - Fantasy - Tutorials - etc.
Wenn man nun auf z.B. Science Fiction klickt werden auf der neuen Seite nur die Kategorien angezeigt welche zu Science Fiction passen
Level 1 Kategorie in Top Menü
Level 2 Kategorie soll im unteren Menü stehen
Level 3 Kategorie als Drop Down
Level 4 Kategorie im Drop Down Menü ausklappenIch hoffe ihr versteht einigermaßen was ich mir vorstellen, ich bin nämlich grade etwas am Ende wie ich das beschreiben soll... Durch das Top Menü soll einfach nur eine Vorauswahl getroffen werden können welche Kategorien angezeigt werden und welche nicht. Ist das irgendwie möglich?