On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
Subscribe: RSS
  • Hallo,

    ich bin gerade dabei ein neues CSS-Template für unsere Bandhomepage zu kreieren. Bei dieser gelegenheit wollte ich direkt auf MODx umsteigen.
    Ein validiertes CSS-Template steht jetzt soweit. Wäre alles wunderbar, gäbe es da nicht ein Problem.

    Das 1. Problem:

    Ich möchte gerne das Template-CSS-Menü in MODx nutzen und müsste es ja eigentlich "nur" "einbauen"... Alle meine bisherigen Versuche waren jedoch zum scheitern verurteilt.

    Die Problem Site: http://www.innernoize.de/v4

    CSS:

    .menu {
    position: absolute;
    min-height: 330px;
    height: auto !important;
    height: 330px;
    width: 120px;
    left:0;
    padding-top: 50px;
    background-image: url(https://modx-iglusjax.stackpathdns.com/menu.jpg);
    background-repeat: no-repeat;
    }
    
    .menu a{
    color:#e3e0d0;
    font: 10px  Arial, sans-serif;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 5px;
    padding-top: 2px;
    Padding-bottom: 2px;
    text-decoration:none;
    background-color:transparent;
    display:block;
    border-top:1px solid #99917d;
    border-right:1px solid #e4d9c0;
    border-bottom:1px solid #e4d9c0;
    border-left:1px solid #99917d;
    width:85px;
    }
    
    .menu a:hover{
    color: #330000; 
    background: #CBCBCB;
    font: 12px  Arial, sans-serif;
    border-top:1px solid #e4d9c0;
    border-right:1px solid #837c6b;
    border-bottom:1px solid #837c6b;
    border-left:1px solid #e4d9c0;}
    
    .menu a .dot{
    color:#e3e0d0;
    background-color:transparent;
    font-weight:bold;
    font-size:14px;}
    
    .menu a:hover .dot{
    color:#330000;
    background-color:transparent;
    font-weight:bold;
    font-size:14px;}
    
    .liste{
    position: relative;
    list-style-type: none;
    margin: 0 2px 0 0;
    padding: 5px !important;
    }
    
    .liste a{
    text-align: left;
    padding-left: 4px;
    margin-left:2px;
    }
    


    Template HTML:

    <div class="menu">
    <ul class="liste">
    <li>
     <a href="#"><span class="dot">• </span>Neues</a>
    </li>
    <li>
     <a href="#"><span class="dot">• </span>Band</a>
    </li>
    <li>
     <a href="#"><span class="dot">• </span>Bio</a>
    </li>
    <li>
     <a href="#"><span class="dot">• </span>Media</a>
    </li>
    <li>
     <a href="#"><span class="dot">• </span>Kontakt</a>
    </li>
    <li>
     <a href="#"><span class="dot">• </span>Links</a>
    </li> 
    <li>
     <a href="#"><span class="dot">• </span>Archiv</a>
    </li>
    <li>
     <a href="#"><span class="dot">• </span>Impressum</a>
    </li>
    <li>
    </ul>
     </div>
    


    Wie müsste der Code lauten den ich im MODx Template einfügen müsste?


    Ach ja, warum übernimmt MODx eigentlich nicht meine CSS Link-Dekos, der Rest wird ja auch übernommen?

    Gruß, Micha




    • Quote from: iNNeRNoiZe at Apr 21, 2006, 07:13 PM

      Ich möchte gerne das Template-CSS-Menü in MODx nutzen und müsste es ja eigentlich "nur" "einbauen"...

      Meinst Du "DropMenu" ?
      • Danke, mein Problem ist bereits gelöst:).