ilch Forum » Ilch Clan 1.1 » Allgemein » Dropdown Menü

Geschlossen
  1. Mo. 20.02.2012 17:33 Uhr #1
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    Hi leute,

    wie kann ich die ilch navigation so umbauen dass ich ein dropdown menü habe?

    mache die normalerweise nur mit einer liste und css
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 20.02.2012 22:56 Uhr #2
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Mit der Ilch navigation machst du das auch nicht anders.
    Nur das du nicht jedes list element in der HTML unterbringst sondern das du an der stelle den %1 und/oder %2 platzhalter uterbringst. Der rest ist reine css formatierung.
    0 Mitglieder finden den Beitrag gut.
  3. Di. 21.02.2012 08:28 Uhr #3
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    könntest du mir ein beispiel machen?
    0 Mitglieder finden den Beitrag gut.
  4. Di. 21.02.2012 11:38 Uhr #4
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Hier mal das beisspiel was Thousandhands mal gemacht hatte, wenn du noch irgendwo das Pixelbasher Design findest kannst dir das auch im ganzen ansehen.

    der Html teil für die Navi 

    <div id="navi">
		<ul>
		<li><a href="index.php" class="menu">Startseite</a></li>
		{_list_menunr5@
		<li><span class="spacer">&nbsp;</span></li>
		<li><a href="#" class="menu">%1</a>
			%2
		</li>
		}
		</ul>
		</div>



    Unter html die Menüansteuerung erhällt auch ne kleine änderung 

    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>||</ul></li>}
          {_list_hmenubegi@<ul id="menu">}
          {_list_hmenuende@</ul>}

          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<ul>|</ul></li>}
          {_list_vmenubegi@<ul id="menu">}
          {_list_vmenuende@</ul>}


    Nu der Css teil 
    #navi ul li ul
{
display:none;
position: absolute;
background: #000;
border: 1px solid #111;
z-index: 8;
}

#navi ul li ul li 
{
background-image: none;
z-index: 9;
float: none;
border-bottom: 1px dashed #222;
}

#menu li a
{
background-image: url(images/list.gif);
background-repeat: no-repeat;
background-position: 6px 5px;
display:block;
height:12px;
color: #fff;
text-decoration:none;
text-align: left;
padding: 2px 0px 2px 15px;
}

a.menu:hover, #menu a:hover{border-bottom:0px;}
#navi ul li ul#menu {width: 110px;}
#navi ul li:hover ul {display:block;}
#menu li a:hover {color:#8df;}
#navi, #navi ul{padding: 0;margin: 0;list-style: none;}
#navi li {float: left;background:#000;}
#navi a {display: block; height: 20px; text-decoration:none;}
#navi a.menu {background: url(images/menu.gif) no-repeat top; width:112px;color:#fff; text-align:center;line-height:22px;font-size:10px;}
#navi li span.spacer{background: url(images/spacer.gif);width:5px;height:20px;display: block;}


    Mußt du nur noch alles dann anpassen, hab das jetzt als beispiel stumpf aus dem Design kopiert.
    1 Mitglieder finden den Beitrag gut.
  5. Di. 21.02.2012 13:13 Uhr #5
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    okay habs so probiert aber klappt leider nicht

    holz-soft.de/index.php?test
    0 Mitglieder finden den Beitrag gut.
  6. Di. 21.02.2012 13:27 Uhr #6
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Beim Menüplatzhalter drauf geachtet das du das richtige menü auswählst ???

    {_list_menunr1-5@....
    0 Mitglieder finden den Beitrag gut.
  7. Di. 21.02.2012 13:40 Uhr #7
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    merci lächeln das macht sinn

    wäre es möglich bei dem Punkt Menü auch einen Link zu hinterlegen? weil wenn ich eine Menüpunkt ohne Dropdown Haben möchte ist es sonst umständlich das li noch von hand einzubauen


    Zuletzt modifiziert von holz am 21.02.2012 - 14:10:15
    0 Mitglieder finden den Beitrag gut.
  8. Mo. 17.09.2012 17:14 Uhr #8
    User Pic
    marco1978 Mitglied
    Registriert seit
    03.12.2008
    Beiträge
    116
    Beitragswertungen
    1 Beitragspunkte
    Hallo wo rann kann das liegen das das in Ilch Clan v. 1.2
    nicht laufen tut zumindest in IE nicht ??
    0 Mitglieder finden den Beitrag gut.
  9. Di. 18.09.2012 06:42 Uhr #9
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    eh weils ne beta ist ?!
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  10. Di. 18.09.2012 08:22 Uhr #10
    User Pic
    marco1978 Mitglied
    Registriert seit
    03.12.2008
    Beiträge
    116
    Beitragswertungen
    1 Beitragspunkte
    Ich weiß das das eine beta Version...
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten