Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Vertical multi level flyout menu for categories


  #1  
Old Apr 12, 2009, 07:20 AM
myfacegraphics
 
13 posts · Apr 2009
Vertical multi level flyout menu for categories

Hi Flynn, as per a previous post: http://forum.bytesforall.com/showthread.php?t=1153

Ive just sent you a donation and would like you to do some work for me if possible?

I want to make my site www.myfacegraphics.com so that the MAIN categories show in the left hand menu, but SUB-categories show up as a flyout to the right.

Have bene looking at and trying to get working the multi-level navigation plugin, but to be honest just dont have the time or pateince with this :-) just need to get it so all sub-categories fly out the the right of main categories.

Thanks
Shaun

Last edited by myfacegraphics; Apr 12, 2009 at 07:23 AM.
  #2  
Old Apr 14, 2009, 07:39 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Try this and let's go from there. It will probably require some additional CSS. And I am not sure if the theme options and functions are available like this from inside a widget, perhaps not

Install the PHP code widget http://wordpress.org/extend/plugins/php-code-widget/ and put one instance of it into a sidebar

Into the widget put this

PHP Code:
<div id="menu2"><ul id="rmenu" class="clearfix rMenu-ver rMenu">
<?php bfa_hor_cats($bfa_ata['sorting_cat_menu_bar'], $bfa_ata['order_cat_menu_bar'], 
    
$bfa_ata['levels_cat_menu_bar'], $bfa_ata['titles_cat_menu_bar'], $bfa_ata['exclude_cat_menu_bar']); ?>
</ul></div>
  #3  
Old Apr 14, 2009, 11:40 PM
myfacegraphics
 
13 posts · Apr 2009
ok so at www.myfacegraphics.com Ive got it in the left hand menu.

I installed it into the left sidebar.

The instructions says to enclose it with php quotes.

tried it without first, just your code and there was nothing on the page apart from all the normal stuff.

So then added the <?php and ?> tags at start and end and got a parse error:


Parse error: syntax error, unexpected '<' in /home/wwwmyfa/public_html/wp-content/plugins/php-code-widget/execphp.php(37) : eval()'d code on line 2


(anything to do with echo statements?)
  #4  
Old Apr 15, 2009, 05:43 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Remove %cats from Theme Options -> Header -> Configure Header Area if it's there

Put this into the PHP widget:
PHP Code:
<div id="menu2"><ul id="rmenu" class="clearfix rMenu-ver rMenu">
<?php wp_list_categories('title_li='); ?>
</ul></div>


At HTML/CSS Inserts -> CSS Insert, add
HTML Code:
div#menu2 ul.rMenu-ver{ 
width:auto;
border:0;
}
div#menu2 ul.rMenu-ver ul {
width:11em;  /* width of submenus must be defined */
}
div#menu2 ul.rMenu-ver li {
margin: -1px 0 0 0;
}
div#menu2 ul.rMenu-ver ul {
margin: 1px 0 0 -1px;
}


For IE6, replace in header.php
PHP Code:
<?php if (strpos($bfa_ata['configure_header'],'cats')!==FALSE) { ?>sfHover( 'rmenu' );<?php ?>
with
PHP Code:
 <?php if (strpos($bfa_ata['configure_header'],'cats')!==FALSE) { ?>sfHover( 'rmenu' );<?php ?>
sfHover( 'rmenu' );


Adjust the colors of the menu at Theme Options -> Category Menu Bar.

This will not have down/right arrows.
The non-visual settings (levels, sorting order etc.) of Theme Options -> Category Menu Bar will not apply here. To configure the output you'd have to edit the code inside the widget:

wp_list_categories('title_li=&depth=0&orderby=name&order=ASC');

See http://codex.wordpress.org/Template_...ist_categories for more options
  #5  
Old Apr 15, 2009, 03:35 PM
myfacegraphics
 
13 posts · Apr 2009
Ok that better and working, just need some help with styling if you wouldnt mind, I've tried looking at that list and tried to set the border behind each menu item to black at: Theme Options -> Category Menu Bar but it seems to not have helped...

How can I get the popout links to be sort of in a box, or at least have some background to them, colored or semi-transparent as the subcategories actually extend into the main content of the site - not useful as my subcategories could even go one level lower.

PLUS I need to get it to have a tile of "categories" at the top, like it did before.


Thanks Flynn.

shaun
  #6  
Old Apr 15, 2009, 05:27 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
To get a title put it into the title field in the PHP widget. The title will be very close to the menu. To add some space add margin-top to the CSS I posted above

div#menu2 ul.rMenu-ver{
width:auto;
border:0;
margin-top: 7px;
}

Appears that you have replaced all the Atahualpa menu code in header.php with a suckerfish menu code. Put the orginal code back if you want to style the menu through the theme options.


P.S.: I changed your thread title. Please use meaningful titles for threads, so it can be found and used by others.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
disable links in category menu for parent categories (only childless categories link) qcook2000 Page & Category Menu Bars 0 May 15, 2009 09:09 PM
Change multi-level bullet symbols - text sizes Andante Atahualpa 3 Wordpress theme 3 Apr 21, 2009 10:58 PM
CSS style dropdown/flyout menus for sub-categories? BigG Sidebars & Widgets 1 Apr 8, 2009 05:24 PM
Multi-level Navigation Plugin for WordPress -- Conflict/Success? strangelove Page & Category Menu Bars 0 Mar 12, 2009 05:19 PM
Where is the menu bar in the header file? Help with Multi-level Navigation Plugin crogers32 Plugins & Atahualpa 11 Feb 17, 2009 10:51 AM


All times are GMT -6. The time now is 12:46 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.