ilch Forum » Allgemein » HTML, PHP, SQL,... » Horizontales Menü einbinden?

Geschlossen
  1. #1
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen,

    wir haben auf unserer Hompage nur ein vertikales Menü für die Navigation zur Verfügung.

    Gibt es ein Modul mit welchem ich ein Horizontales Menü hinzufügen kann? Und mit welchem ich die Punkte die rein kommen sollen selbt auswählen kann?

    Oder müsste ich das alles per php und html machen?

    Vielen Dank für die Info.

    Grüße

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    Im Standart ilch gibt es ein Horizontales Menü.
    Dazu muss aber in der index.htm vom Design eingefügt sein.

    <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}


    und anpassen.
    Danacht kannst du das in der Admin Menü bei navigation einstellen.
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    hey,

    vielen dank für die antwort.
    aber ich blicke da ehrlich gesagt nicht wirklich durch lachen

    kannst du mir den code noch einmal anhand eines beispieles zeigen? also mit realen werten etc. ich glaube dann vesteh ich das eher lachen

    greetz
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    das ist der fertige code. der muss in der index.htm vom design ganz unten hin.
    lad dir am besten ein design runter, wo so eine navi drin ist, und schau dir an wie das gemacht ist
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    alles klar, werde ich mache. vielen dank!
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    so.. hab es mal eingebaut und es klappt.
    vielen dank für die hilfe zwinker

    werde noch am design der buttons etc ein bisschen basteln. bin aber froh das es ansich funzt lächeln

    greetz
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    hey zusammen,

    eine frage noch...
    das drop down feld für das horizntale menü habe ich jetzt soweit angepasst etc.

    wieso reagiert es aber beim opera anders als beim explorer? beim opera öffnet sich das menüfeld direkt unter dem obermenü, beim explorer ist aber irgendwie viel luft zwischen dem obermenü nd dem untermenü. wisst ihr was ich meine? lächeln
    kann man das irgendwie ändern oder anpassen?

    greetz
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ich habs jetzt im ff und im safari getestet und bei beiden gehts ohne probleme. hab leider keinen ie kann es also weder testen noch anpassen sorry
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    jupp,

    bei allen sieht es einwandfrei aus. nur beim ie irgendwie bescheuert. naja...
    hoffe mal das bald eh alle davon weg kommen lachen
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    also ich hab keinen mehr. der aufwand wär mir auch zu groß den zu installieren, da ich kein windows hab zunge
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    hey zusammen,

    also jetzt habe ich mal die buttons angepasst und das menü an die richtige stelle gesetzt etc.

    ich hätte aber sehr gerne das der hintergrund bei dem menü welches beim mouseover aufgeklappt wird nicht die volle deckkraft hat. also das es mehr transparent ist..
    und da würde ich es gerne so einstellen dass es bei "jedem" browser direkt unter den menübuttos aufklappt. beim ie ist nämlich zwischen dem button und dem menu riesen luft dazwischen.

    geht das? wenn ja wo und wie?

    hier die style befehle für das menü.

    <style type="text/css">
    #dropmenudiv{
    	position:absolute;
    	align: left;
    	line-height:15px;
    	z-index:100;
    	font-style:normal;
    	font-variant:normal;
    	font-weight:normal;
    	font-size:12px;
    	font-family:Arial, Helvetica, sans-serif;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 0px;
    	border-left-width: 1px;
    	border-top-style: solid;
    	border-right-style: solid;
    	border-bottom-style: none;
    	border-left-style: solid;
    	border-top-color: black;
    	border-right-color: black;
    	border-bottom-color: black;
    	border-left-color: black;
    	color: #ffffff;
    }
    
    #dropmenudiv a{
    	width: 100%;
    	align: left;
    	display: block;
    	text-indent: 2px;
    	text-decoration: none;
    	font-weight: normal;
    	height: 12px;
    	padding-top: 1px;
    	padding-right: 0;
    	padding-bottom: 1px;
    	padding-left: 0;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #ffffff;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: white;
    	background-color: #000000;
    }
    
    #dropmenudiv a:hover{ /*hover background color*/
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: normal;
    	background-color: #000000;
    	color: #666666;
    }
    
    .Stil1 {	color: #ffffff;
    	align: left;
    	font-size: 10px;
    }
    </style>


    betroffene HP: externer Link
    greetz


    Zuletzt modifiziert von Rookie am 14.03.2009 - 15:23:56
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    die transparens kannst du zum einen mit externer Link und zum anderen mit grafiken anpassen. also ne png grafik die nur zu 30% deckend ist in den hintergrund einbinden, da moz opacity nur bei mozille geht.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Rookie Mitglied
    Registriert seit
    23.02.2009
    Beiträge
    52
    Beitragswertungen
    0 Beitragspunkte
    ah okay.

    also ein png kriege ich hin.
    aber mit welchem befehl inde ich dieses png ein? undwo genau?

    dann noch eine frage. erweitert sich das png automatisch wenn das nenü grösser wird? oder hat es einen festen pixelwert?
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    du setzt das png in den hintergrund und wie es sich dort "verteilt" kannst du mit background: repeat-x z.b. angeben.
    auf css4you.de kannst du nachlesen wie du das genau machen kannst.

    und wenn du das png erstellst, dann muss die deckkraft des bildes selbst nur 30% oder so sein, denk daran...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten