Regarding the... *Admin may lock/del this topic, I found the right forum, sorry*

• • 
  • 11 Posts
  Trollkjeft Reply #1, 16 years, 8 months ago

  Hi everyone,
  
  I just started using MODx since a few days back and I really like the platform. However, as I’m a designer not programmer, I can’t really find out a way to make the Wayfinder to behave the way I want it to. In a project of mine I found MODx CMS to be just perfect I think. You can find it here for reference: http://modx.systemalfacet.org/
  
  I have started using Andreas Viklunds Andreas00 template but modded it quite heavily - although just design-wise in the CSS and not much else (except for a few HTML rows in the template, but not much), especially not the snippets themselves.
  
  In the Manager I have created a few new resouces (pages) just to see how the information will look like. Now, I can’t get the template to show these submenus properly (attached to the parent page with an indent), and I wonder of course if I have done something wrong or if it is just plain impossible with that template.
  
  So, therefore I wonder if anyone here easily could help me out by drawing up a few guidelines so I can make it work?
  
  I should mention that my skills are barely letting me in here I manage basic HTML and CSS with a tutorial next to me. But that’s the way I learn quickest.
  
  Thanks in advance!
  
  /Chris the Swede
• • 
  • 11 Posts
  Trollkjeft Reply #2, 16 years, 8 months ago

  Oh, I almost forgot. Here is the Wayfinder code:
  
  

  [[Wayfinder? &startId=`1` &level=`0` &displayStart=`1` &startItemTpl=`startItem` &outerTpl=`outer` &selfClass=`current` &rowTpl=`row`]]

  
  
  And here is the sidebar and menu CSS:
  
  

  #leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:200px;}
  #leftside ul.avmenu {list-style:none; margin:10px; padding:0; width:200px;}
  #leftside ul.avmenu li {display:inline; padding:0; width:200px;}
  #leftside ul.avmenu li a {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px; text-decoration:none; width:160px;}
  #leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
  #leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
  #leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:123px;}
  #leftside ul.avmenu ul ul {font-size:1em; width:120px;}
  #leftside ul.avmenu ul ul a {width:108px;}
  #leftside h2 {font-size:1.5em; font-weight:400;}
  #leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:10px; width:150px;}
  #leftside p,.announce p {font-size:0.9em;}

This discussion is closed to further replies. Keep calm and carry on.