We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 9878
    • 31 Posts
    hi guys,

    first of all, I’m new to modx, needing it for the purpose of renewing the page of our faculty.

    what I want to recieve is following:
    --
    Home

    Caption1
    link1
    link2

    Caption2
    link3
    link4
    --

    before, it was done with css, using 5 tags: menuGray:link; menuGray:visited; menuGray:hover; menuGray:active; and, for the title linkfat
    I would love to have the possibility of a secondary menu when you click on a link

    I know i’d be easy to modify the css to have the colors fit, but when I use a <ul><li> it is always moved to the right a bit with every sublevel you go (sorry for my poor english)

    so my question - is it possible to combine both, so that its like
    --
    Caption2
    link3
    sublink
    sublink
    link4
    --

    having always a blank linke between the folders (Captions)
    and, of course, how would you do that - I am not that experienced in programming php

    thanks a lot guys, and good night (it’s just before midnight over here)

    Steffen

      www.steffen-uhlmann.de
      • 2762
      • 1,198 Posts
      Nicola (Banzai) Reply #2, 18 years ago
      Quote from: flyaway at May 09, 2006, 09:59 PM

      ...I know i’d be easy to modify the css to have the colors fit, but when I use a <ul><li> it is always moved to the right a bit with every sublevel you go (sorry for my poor english)

      ........

      Try to adjust mangin in your ul and li style, with dropmenu you can create averything you need.
      You can find a lot of thead about how to style dropmenu and there’s a lot of template in template section http://modxcms.com/forums/index.php/board,4.0.html, to understand how works

      sorry for my poor english:D and welcome wink
        Free MODx Graphic resources and Templates www.tattoocms.it
        -----------------------------------------------------

        MODx IT  www.modx.it
        -----------------------------------------------------

        bubuna.com - Web & Multimedia Design
        • 9878
        • 31 Posts
        ok I got it by now... but its still a struggle

        first of all the source:
        #menu li {  
                list-style:none; 
        }
        
        #menu li a { 
                font-family: arial, sans-serif, helvetica;
        	font-size: 12px;
        	color: #666666;
        }
        
        
        #menu li.here, #menu li.here a {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	font-weight: bold;
        	color: #993300;
        }
        
        
        #menu ul ul{
            font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	font-weight: normal;
        	color: #993300;
        }
        
        #menu li.here ul {
           font-family: arial, sans-serif, helvetica;
                font-size: 12px;
                color: maroon;
        }
        
        #menu li.here ul li a {
        	font-family: arial, sans-serif, helvetica;
        	font-size: 12px;
        	color: #666666;
        	font-weight: normal;
        }
        
        


        ok, the thing with the margin is manageable, but I still don’t know how to to empty line after each folder; and also make the folder non-clickable (just captions), and last-but-not-least what tag to use to format those folders

        i did understand that
        li is the first level (base level)
        so ul li would be the second level, following ul ul li etc?

        thanks for your fast response,

        Steffen (http://www.steffen-uhlmann.de)
          www.steffen-uhlmann.de
          • 17883
          • 1,039 Posts
          Servus Steffen wink

          and also make the folder non-clickable (just captions)

          In this case I would create several menus, like

          caption1
          [!dropmenu?StartID=1..!]

          caption2
          [!dropmenu?StartID=2..!]

          usw.

          where StartIDs are the IDs of your folders. So you can style the captions like you want.

          • Or you can use the "category folders option of DropMenu:

            // $useCategoryFolders [ true | false ]
            // If you want folders without any content to render without a link to be used
            // as "category" pages (defaults to true). In order to use Category Folders,
            // the template must be set to (blank) or it won’t work properly.
            $useCategoryFolders = (!isset($useCategoryFolders)) ? true : "$useCategoryFolders";

            // $categoryClass [ string ]
            // CSS Class for folders with no content (e.g., category folders)
            $categoryClass = (!isset($categoryClass)) ? ’category’ : "$categoryClass";
              Studying MODX in the desert - http://sottwell.com
              Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
              Join the Slack Community - http://modx.org
              • 9878
              • 31 Posts
              that is great, thank you smiley
                www.steffen-uhlmann.de