ilch Forum » Ilch Clan 1.1 » Design und Templates » 2 verschiedene Menüklassen

Geschlossen
  1. #1
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    Hi,

    bin gerade dabei für jemanden ein Design zu coden.
    das design enthält ein horizontales und ein vertikales menü.
    damit beide über den navigations bereich des admin bereiches steuerbar sind, müsste ich 2 haben, in der einen soll dann das vertikale in der anderen das horizontale beschrieben werden.

    wenn man, wie in der FAQ beschrieben bilder hinter die links legt, hat man ja die klasse .menu um seine buttons zu beschreiben, da wird ja auch festgelegt ob das menu nun horizontal oder vertikal ist, nämlich mit dem css befehl:
    display: block;
    bzw.
    display: inline-block;


    jetz meine frage: wie bekomm ichs hin dass das eine menü auf die eine klasse, das andere auf die andere klasse greift?!

    wenn ichs einfach so mache:

    
    {_list_menunr1@
    
    %1
    <div class="menu1">
     %2
    </div>
    }
    
    
    {_list_menunr2@
    %1
    <div class="menu2">
     %2
    </div>
    }


    dann greifen immernoch alle beide auf die .menu, und ignorieren die .menu1 bzw .menu2.

    was mache ich falsch?!

    edit:
    is ausserdem wichtig, da das vertikale menu hintergrund bilder hat, während bei dem horizontalen bild nur 1 hintergrund bild is, also nicht jeder button/link hat ein eigenes bild.


    kann mir jemand sagen wo ich hier festlegen kann für welches menu die klasse greift:

    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">&nbsp;&nbsp;&nbsp;&nbsp;%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->





    Danke schonma für eure hilfe.
    Gruß
    Frostball


    verwendete ilchClan Version: 1.1

    betroffene Homepage: frostball.terrorbongcrew.de


    Zuletzt modifiziert von Frostball am 25.07.2009 - 10:56:41
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    edit: geht doch nicht -.-

    jemand ne lösung wie ichs machen kann dass sich das menunr1 nicht auf die classe menu sondern auf ne andere von mir definierte bezieht?

    so wie ich es hatte hat er teilweise doch noch aus der menu gelesen -.-


    Zuletzt modifiziert von Frostball am 25.07.2009 - 11:48:50
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    Ich verstehe dein Problem nicht wirklich...
    du hast doch den Code schon gepostet, in dem du den Aufbau deines horizontalen bzw. vertikalen Menüs steuern kannst (siehe Code 2 von dir!).

    Musst dir nur so anpassen wie du es haben möchtest.

    Meins z.B. sieht so aus:
    {_list_vmenupoint@<li><a target="%1" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>} 
    {_list_vmenubegi@<ul>} 
    {_list_vmenuende@</ul>} 
    {_list_hmenupoint@<div><a href="%2" target="%1" class="navigation">%3</a></div>} 
    {_list_hmenubegi@} 
    {_list_hmenuende@}


    Und dann musst du eben in der Navigation (Adminbereich) einstellen, welches Menü horizontal und welches Vertikal ist!
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    da kann man horizontal einstelln?! óÒ

    naja und wenn is immernoch das problem dass ich die beiden menüs über 2 verschiedene klassen formatieren muss, weil das vertikale menü buttons bekommt und das horizontale nicht.

    brauch also wirklich 2 klassen, für jedes menü ein anderes

    was du meintest is doch dass ich auf vertikal umstelln kann (in der navigation)
    und in list_vmenupoint dann für das vertikal menü umstelln?
    dann formatier ich aber gleich die boxen mit... :/


    Zuletzt modifiziert von Frostball am 25.07.2009 - 16:08:27
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    hat keiner ne idee wie ich das hinbekomme?
    is echt wichtig für mich dass das list_menunr1 und list_menunr2 auf verschiedene klassen zugreifen

    einfach in nen div kontainer reinmachen und den ner klasse zuweisen geht NICHT!! traurig

    brauch dringenst rat sauer
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von Frostball
    dann greifen immernoch alle beide auf die .menu, und ignorieren die .menu1 bzw .menu2

    Einige Browser ignorieren Klassennamen, die eine Zahl enthalten.
    Versuchs mal mit .menueins und .menuzwei .
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    hm... das war nur ein beispiel^^


    ich hatte menu für das vertikale und das horizontale hatte:
    menu_horizontal geheissen.

    ne, ich muss iwie unten in dem ding 2 klassen registrieren, eine für das horizontale eine fürs vertikale.

    also ich müsste erstmal den code für unten in der index wissen was da rein muss...

    also wie muss ich den code hier:

    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">&nbsp;&nbsp;&nbsp;&nbsp;%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->



    .... abändern, um für _list_menunr1 und _list_menunr2 eigenständige klassen zu bekommen?
    momentan sind ja alle der klasse "menu" zugeordnet.
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Sollen beide Menüs über den Adminbereich veränderbar sein?
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    ehm ja^^

    brauch sie ja nur über list menunr1 und list menunr2 reinmachen, aber ich will sie in unterschiedliche klassen haben
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Aus dem Code unter </html> entfernst du einfach "class=menu".

    index.htm
    <div class="ersteklasse">{_list_menunr1@
    %1
     %2
    }

    style.css
    .ersteklasse li {width:130px; color:#808080; ... }
    .ersteklasse a {font-size:13px; font-family:Arial; color:red; ... }
    .zweiteklasse li {width:90px; color:blue; ... }
    .zweiteklasse a {font-size:10px; font-family:Arial; color:yellow; ... }

    So in etwa. lächeln
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    wofür das li und das a?!

    wenn ich aus dem code unter </html> das class="menu" rausnehm, und dann die klassen so definiere:

    <div class="menu">{_list_menunr2@
    %1
     %2
    </div>
    }


    und in die style.css schreibe:

    .menu:link, .menu:visited, .menu:active
    {
         display: block;
         color: #FFFFFF;
         font-size: 11px;
         background: url(img/menu_button.png);
         width: 165px;
         height: 30px;
         text-indent: 15px;
         text-decoration: none;
         font-family: Comic Sans MS, sans-serif;
         line-height: 20px;
    }


    dann funktionierts nicht :/


    Zuletzt modifiziert von Frostball am 25.07.2009 - 23:32:24
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Dynamische Menüs in ilch bestehen meist aus Listen, diese werden unter </html> mit den Codes <ul> und <li> eingefügt.

    Nehmen wir mal an, dass deine Menüs folgendermaßen aussehen:

    index.htm
    {_list_menunr1@
    <div class="erstertitel">%1</div>
    <div class="erstesmenue">%2</div>
    </div>
    }
    {_list_menunr2@
    <div class="zweitertitel">%1</div>
    <div class="zweitesmenue">%2</div>
    </div>
    }

    Dann könnte deine .css-Datei etwa so aussehen:

    format.css
    .erstertitel a { width:120px; text-align:center; color:#FFF; }
    .zweitertitel a {width:85px; text-align:left; color:#131313; }
    .erstesmenue ul { margin:0px; padding:0px; }
    .zweitesmenue ul { margin:0px; padding:0px; }
    .erstesmenue li { margin:0px; padding:0px; }
    .zweitesmenue li { margin:0px; padding:0px; }
    
    .erstesmenue a {
        display: block;
        width: 120px;
        height: 20px;
        line-height: 20px;
        color: #FFF;
    }
    .zweitesmenue a {
        display: block;
        width: 85px;
        height: 16px;
        line-height: 16px;
        color: #131313;
    }

    Und damit dies funktioniert musst du class="menu" und class="box" unter </html> entfernen.

    Gruß
    Jan
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    cool, danke jetz funktionierts.

    jetz hab ich noch eine frage:

    und zwar steht in meiner index.htm:
         <div id="menu_horizontal">
              {_list_menunr1@
                   <div class="erstesmenue">
                        %2
                   </div>}
         </div>



    und in der style.css

    #menu_horizontal
    {
         width: 800px;
         height: 52px;
         background-image: url(img/menu_horizontal.png);
         background-repeat: no-repeat;
         vertical-align: middle;
    }



    und zwar gehts um das Vertical-align,
    normalerweise sollte er mir den inhalt von #menu_horizontal, also das list_menunr1 zentriert schreiben,
    macht er aber nicht!?

    hat jemand ne idee woran das liegen könnte?!
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    annemarie gelöschter User
    bitte lies die doku zu vertical align!

    und vielleicht auch das hier zwinker


    Zuletzt modifiziert von annemarie am 26.07.2009 - 11:27:10
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten