Zikula Community

• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 06, 2008 - 11:42 PM

  Hi,
  
  I’m trying to install a horizontal menu in my BlankTheme Theme
  
  I use menutree_2.0.1
  
  Use the NAVTOP variable in blank theme
  
  Made a extmenu block
  
  blocks_block_extmenu_horizontal.htm
  
  suckertree_horizontal_blue.css (can’t a find simpler or other horizontal menu )
  
  what I want to make is a simple menu , 1 level , 2 shades of brown, blue letters en on hover orange and a active state .
  
  see my development site http://www.micware.nl/zikula
  
  Now I get a vertical menu, maybe a CSS problem?
  
  Has anybody a idée of what I’m doing wrong?
  
  Thx,
  Michiel

  • 
  •  
• nestormateo
  
  

  • Rank: Team Member
  • Registered: Sep 06, 2006
  • Last visit: May 09, 2010
  • Posts: 2446

  Posted: Dec 07, 2008 - 12:02 AM

  Hi Michiel,
  check this recent Erik's post http://community.zik…rt-15.htm#pid243286
  
  After configure the extmenu you should customize the suckertree_horizontal_blue.css colors to the ones you want.
  
  Configure it following the Wiki page referenced by Erik and we'll check the colors after that
  
  --
  - Mateo T. -
  Mis principios... son mis fines

  • 
  •  
• jaenosjelantru
  
  

  • Rank: Moderator
  • Registered: Mar 15, 2005
  • Last visit: May 30, 2010
  • Posts: 1077

  Posted: Dec 07, 2008 - 12:05 AM

  Seem to be a problem with the CSS.
  
  Try a different CSS file and see if the problem goes away, did you make change to the file yet? you may hav inadvertently jacked it.

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 07, 2008 - 12:51 AM

  I used the default CSS file ? suckertree_horizontal_red.css or ? suckertree_horizontal_blue.css?
  
  When I use Firebug I can not see that one of the CSS files is used
  I used other CSS files in de \modules\menutree\pnstyle directory, No result
  
  When I Use menutree_block_vertical.htm with ddtabs_solidblock_blackblue.css
  I get the following error ? In Array module, cannot find template menutree_block_vertical.htm?
  
  And no menu at all.
  
  I read the Wiki and information on the BlankThem pages and it looks simple
  i.e. http://code.zikula.org/blanktheme/wiki/ExtMenuTemplates

  • 
  •  
• espaan
  
  

  • Rank: Developer
  • Registered: Aug 23, 2003
  • Last visit: May 31, 2010
  • Posts: 1428

  Posted: Dec 07, 2008 - 02:04 AM

  wtf? In Array module ? mmhh Strange. You might have the menu not showing up correctly, but not showing up at all is something basic not working.
  
  Wait a minute, did you choose the correct template then?
  You should choose menutree_block_suckertree_horizontal for the suckertree menu with the accompanying suckertree_horizontal.css. Templates and style sheets should match.
  
  --
  campertoday.nl, Module development, Dutch Zikula Community

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 07, 2008 - 02:17 AM

  When I use menutree_block_suckertree_horizontal.htm with suckertree_horizontal_blue.css the error message is ? In Array module, cannot find template menutree_block_suckertree_horizontal.htm?
  
  This appears when I first press Update then go to home page and then press the Back button of the browser.
  
  The result is no menu at all, as you can see now on http://www.micware.nl/zikula
  
  Strange! I looks like I followed all the instructions you so clearly write on the Wiki/blankTheme pages
  
  Thx for all the help so far, still not solved, but I have the time , I go to sleep now

  • 
  •  
• nestormateo
  
  

  • Rank: Team Member
  • Registered: Sep 06, 2006
  • Last visit: May 09, 2010
  • Posts: 2446

  Posted: Dec 07, 2008 - 07:34 AM

  Yes
  as Erik said, be care choosing the templates and styles Michiel.
  suckertree template for a suckertree style, etc.
  
  The menutree javascript is tricky, it deselect your style or template when they doesn't match, so, care with it too
  
  --
  - Mateo T. -
  Mis principios... son mis fines

  • 
  •  
• espaan
  
  

  • Rank: Developer
  • Registered: Aug 23, 2003
  • Last visit: May 31, 2010
  • Posts: 1428

  Posted: Dec 07, 2008 - 12:52 PM

  Hey, I still had to update to 2.0.1. So did that to be sure.
  So did a clean install.
  1. Uploaded Menutree2.0.1 and Menutreetemplates2.0
  2. initialize, activate
  
  steps 3-6 I had already done earlier
  3. Create a block position navtop (see extmenu explanation for more info if needed)
  4. Refer to this block position in your template, within BlankTheme this is done automatically as long as you call the block position navtop and choose variables -> usemenu -> navtop block position.
  5. Make the menublock and place it in your new blockposition
  6. Add menuitems within the menutree admin part, dont forget this part, otherwise you won't see anything !!
  
  7. choose a template and stylesheet (e.g. menutree_block_suckertree_horizontal.htm and suckertree_horizontal_blue.css or menutree_block_cssplay_simpledrop.htm and cssplay_simpledrop_blackblue.css).
  8. Go to the homepage and do a refresh
  
  When I follow this and choose the cssplay_simpledrop templates/style you get the menu you see currently here
  
  Maybe you could go through all the steps to make sure you got everything. Good luck.
  
  Template for module array is also refered to in bug 316 It means module template not found. Did you also upload the menutree templates (besides menutree 2.0.1 itself) from BlankTheme and are they in the correct directory? unzip in webroot.
  
  
  
  edited by: espaan, Dec 08, 2008 - 02:49 AM
  
  --
  campertoday.nl, Module development, Dutch Zikula Community

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 07, 2008 - 04:23 PM

  Hi Erik,
  Thx for the support!
  
  I was tired I think, I was using the wrong menu block (Extended) and not Menu Tree!
  
  That explains all the strange behavior, But with you checklist and a good night sleep
  
  As I understand I have permission to alter the menu CSS and HTML as long as I keep the credits in the files
  I’m gone try to add a search’s field at the end and alter the colors and proportion
  
  Thx,
  Michiel

  • 
  •  
• espaan
  
  

  • Rank: Developer
  • Registered: Aug 23, 2003
  • Last visit: May 31, 2010
  • Posts: 1428

  Posted: Dec 07, 2008 - 05:27 PM

  suckertree you can use and change to whatever you like as long as the link to dynamicdrive stays in there.
  cssplay menus are only to be used freely in non-commercial projects and keep the links and credits in there. For commercial use most of the menus require permission from Stu Nicholls (author of cssplay.co.uk).
  
  Colors and dimensions is "simple" as long as you keep an eye on where all the dimensions are being used. A height somtimes comes back in a top value later on in the style sheet. Adding a search field is also doable but a little bit more work by making a right floating div in there, input box, etc etc.
  
  --
  campertoday.nl, Module development, Dutch Zikula Community

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 08, 2008 - 01:09 AM

  Hi,
  I managed to modify cssplay_simpeldrop.css, but I notice that there is no active state for the first level (I don’t use the dropdown function) .
  Is this a CSS problem or menutree, any quick fix for this?
  
  I found one active state in the CSS file (.cssplay_drop li a:active) , but this has no effect on top level
  
  I’m trying to create something like the userlinks plugin (BlankTheme) , but with the edit and security and active state option
  
  Thx for any advice you can give me
  Michiel

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 08, 2008 - 01:51 AM

  I find out that the active state is working on FF3 but not on IE7 (other browsers not tested)

  • 
  •  
• espaan
  
  

  • Rank: Developer
  • Registered: Aug 23, 2003
  • Last visit: May 31, 2010
  • Posts: 1428

  Posted: Dec 08, 2008 - 02:45 AM

  Yup, IE is not that nice on CSS menus
  
  If you try to change,
  

  Code

  /* Make the hovered list color persist */
  .cssplay_drop li:hover > a, .cssplay_drop li.selected > a {
   color:#F55300;
   background-color:#282828;
  }

  
  into (so without one greater then sign)
  

  Code

  /* Make the hovered list color persist */
  .cssplay_drop li:hover > a, .cssplay_drop li.selected a {
   color:#F55300;
   background-color:#282828;
  }

  
  
  does that help ?
  
  edit: will you need a multi level menu later on? Otherwise it might be easier to just use an extmenu menu instead of menutree. There are some nice designs for extmenu as well.
  
  On my site the active tab works in IE7 and not in IE6 (as expected since ie6 is not easy to get right for that), thanks for dave for testing
  There are some minor differences in the style sheet with backgrounds and background images. If you set the original cssplay_simpledrop_bluered.css as style, is the active tab working then? Then try taking it step by step replacing the bg image by only coloring.
  
  
  
  edited by: espaan, Dec 09, 2008 - 03:16 AM
  
  --
  campertoday.nl, Module development, Dutch Zikula Community

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Posts: 164

  Posted: Dec 09, 2008 - 12:42 AM

  Txh Erik,
  
  Tried it with removing the > sign, no luck
  Tried something with .cssplay_drop li.hover a not working
  
  Looked at some tutorials on cssplay, but that is using a different technick
  
  Maybe I go back to userlinks plugin if I don?t get this to work
  
  It look like non of the other temples has a active state in IE7
  
  If somebody has some other idée or advice I appreciate it

  • 
  •  
• espaan
  
  

  • Rank: Developer
  • Registered: Aug 23, 2003
  • Last visit: May 31, 2010
  • Posts: 1428

  Posted: Dec 09, 2008 - 03:12 AM

  That is strange, since almost all templates on my BlankTheme site do have an active state in IE7. Seems like something else in your theme is messing with the menu.
  IE6 is the only one with problems normally.
  
  edit: I tested with IE7 and I do see an active state in IE7, are you sure you are looking with IE7 and not with IE6 ??
  edit2: going to downloads and back again to Home, and the active state disappears. This is however not the case in my own BlankTheme page and cssplay_simpledrop.
  Have you set some link visited that overrides the memu somehow ?
  
  
  
  edited by: espaan, Dec 09, 2008 - 04:31 PM
  
  --
  campertoday.nl, Module development, Dutch Zikula Community

  • 
  •  
•  
•  

Users on-line

• michiel,
• rgasch

This list is based on users active over the last 60 minutes.