Zum Inhalt springen

Hilfe beim Horizontalen Menü

Erstellt am 9. April 2005 · 29 Antworten · letzte Antwort am 11. April 2005 · Seite 1 von 2

Tags: Frage

florius ·

Hallo allerseits,
hänge bei der Umstellung eines vertikalen Menüs auf ein Menü bei dem die Hauptpunkte horizontal angeordnet sind und die Unterpunkte vertikal erscheinen.
Ihr könnt mir sicher helfen.
Mein temp.menu

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/layout_D/main.dv.html
10.workOnSubpart = DOKUMENT
MENU_OBEN = HMENU
   MENU_OBEN.special = list
   MENU_OBEN.special.value = 48, 9, 8, 7, 6, 5, 4, 3, 2
   MENU_OBEN.entryLevel = 0
   MENU_OBEN.1 = GMENU
   MENU_OBEN.1.NO = 1
   MENU_OBEN.1.NO {
      backColor = #B92845
      XY = [10.w]+27 , 20
      10 = TEXT
      10.text.field = title
      10.fontFile = fileadmin/fonts/arial.ttf
      10.fontColor = #FFFFFF
      10.fontSize = 10
      10.offset = 5, 15
      }
   MENU_OBEN.1.RO < .MENU.1.NO
   MENU_OBEN.1.RO {
      backColor = #752131
      10.fontColor = yellow
      }
   MENU_OBEN.1.CUR < .MENU.1.RO
   MENU_OBEN.1.CUR {
      backColor = #752131
      10.fontColor = #FFFFFF
      }
}


temp.menu = HMENU
   temp.menu {
    entryLevel = 0
    wrap = <div id="menu">|</div>
       1 = TMENU
       1 {
        expAll = 0
        collapse = 0
        noBlur = 0
   itemArrayProcFunc = user_curifsub
        wrap = <ul>|</ul>
        NO {
         linkWrap = <li>|</li>
         }
        IFSUB = 1
        IFSUB {
            allWrap = <li class="menu-ifsub">|</li>
        }
        CUR = 1
        CUR {
            allWrap = <li>|</li>
            ATagParams = class=cur
        }
        ACT = 1
        ACT {
            allWrap = <li>|
}
    SPC = 1
    SPC {
        linkWrap = <li class="menu-abst">|</li>
    <br>
}
    SPC.before = &nbsp;
 // CURIFSUB
        USERDEF1 = 1
        USERDEF1 {
            allWrap = <li>|
            ATagParams = class=cur
        }
    }

 2 = TMENU
    2 {
        expAll = 0
        collapse = 0
        noBlur = 0
        itemArrayProcFunc = user_curifsub
        wrap = <ul>|</ul></li>
        NO {
            allWrap = <li class="menu-level2">|</li>
        }
        IFSUB = 1
        IFSUB {
            allWrap = <li class="menu-ifsub">|</li>
        }
        CUR = 1
        CUR {
            allWrap = <li>|
            ATagParams = class=cur
        }
        ACT = 1
        ACT {
            allWrap = <li>|
        }
        // CURIFSUB
        USERDEF1 = 1
        USERDEF1 {
            allWrap = <li>|
            ATagParams = class=cur
        }
    }

    3 = TMENU
    3 {
        expAll = 0
        collapse = 0
        noBlur = 0
        wrap = <ul>|</ul></li>
        NO {
            allWrap = <li class="menu-level3">|</li>
        }
        CUR = 1
        CUR {
            allWrap = <li>|</li>
            ATagParams = class=cur
        }
    }
}

und das tpl.root

page.config {
    // Sprach-Konfiguration
    language = de
    locale_all = de_DE.ISO8859-15 

    // Externe Links werden in einem seperatem Fenster geladen
    extTarget = _blank

    // Admin-Panel an/aus
    admPanel = 1

    // Entfernung der TYPO3-Kommentare im Quellcode
    disablePrefixComment = 1

    // Entfernung der '0' in Alias-Dateinamen bei der Verwendung von 'simulateStaticDocuments'
    simulateStaticDocuments_noTypeIfNoTitle = 1
    simulateStaticDocuments_pEnc = md5
    // include the GET parameters from tt_news to the encoded vars
    simulateStaticDocuments_pEnc_onlyP = cHash, L, print, tx_ttnews[backPid], tx_ttnews[tt_news], tx_ttnews[pS], tx_ttnews[pL], tx_ttnews[arc], tx_ttnews[cat], tx_ttnews[pointer], tx_ttnews[swords]

    // Indexed Search Engine
    index_enable = 1
}

// Indexed Search Engine
plugin.tx_indexedsearch {
    _CSS_DEFAULT_STYLE >
}

// tt_news
plugin.tt_news.displaySingle.title_stdWrap.wrap = |

// CURIFSUB einbinden
includeLibs.curifsub = fileadmin/scripts/curifsub.inc
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/css/Layout_D/style.css
page.bodyTag = <body>
page.10 = TEMPLATE
page.10 {
    template = FILE
    template.file = fileadmin/html/Layout_D/main.dv.html
    workOnSubpart = DOKUMENT

    subparts.LOGO = RECORDS
    subparts.LOGO {
        tables = tt_content
        source = {$pt.logo.id}
    }

    subparts.BANNER = RECORDS
    subparts.BANNER {
        tables = tt_content
        source = {$pt.banner.id}
    }

    subparts.SEARCH < temp.suche

    subparts.BREADCRUMBS < temp.breadcrumbs

    subparts.MENU < temp.menu

    subparts.LEFTNAV.3.SPC < subparts.LEFTNAV

    marks.CONTENT < styles.content.get

    subparts.PRINT < temp.print
}

http://tve-weiher.vereinsname.de

wer blickt hier noch durch und kann mir helfen

würde mich freuen
Florius

mstuebner ·
florius schrieb

hänge bei der Umstellung eines vertikalen Menüs auf ein Menü bei dem die Hauptpunkte horizontal angeordnet sind und die Unterpunkte vertikal erscheinen.
Ihr könnt mir sicher helfen.

Falls Du einen winzigen Hinweis geben würdest woran Du hängst, dann könnte Dich evtl. jemand abschneiden. ;-)

Meint: Wenn man weis wonach man suchen soll gehts einfacher.

florius ·

Hallo danke erstmal für die schnelle Antwort.
Zur Zeit ist das Menü komplett vertikal links angeordnet. (siehe Link)
Hier sind auch die Abteilungen (Turnen, Leichtathletik usw. zu finden) diese Abteilungen möchte ich oben Horizontal dargestellt bekommen über der Breadcrump wo der Marker ###MENU_OBEN### erscheint.
Gruß und Dank.

toyde ·

Hi.

Wie ich sehe hast du "Kinderleichtathletik", "Lauftreff" etc bereits als Sublevel sozusagen von "Leichtathletik" gemacht.

Also so:
--Leichtathletik
----Kinderleichtathletik
----Lauftreff
----etc..

Jetzt gibst du per TypoScript an, dass das Oberlevel "Leichtathletik" im ###Menü oben### haben möchtest und die Unterkategorie von "Leichtathletik" im linken Bereich ausgibst.

Meinst du doch so, oder?

Evtl. kann man dann auch den Login und die Suche direkt als Mini-Formular-Feld ausgeben. Gibt da schöne Möglichkeiten, ausserdem sind diese dann schneller/besser ersichtlich.

cya

edit: Tipp:
Mach doch keine Marker für Navigationen. Lieber Subparts

html:
<!--MENU_OBEN-->

<!--MENU_OBEN-->

typoScript:
subparts.MENU_OBEN < temp.menu

Dann erscheint kein hässlicher leerer Marker, wenn mal nichts übergeben wird, bzw. z.B. ein SubMenüpunkt mal nicht vorhanden ist.

jenses ·
toyde schrieb

edit: Tipp:
Mach doch keine Marker für Navigationen. Lieber Subparts

html:
<!--MENU_OBEN-->

<!--MENU_OBEN-->

typoScript:
subparts.MENU_OBEN < temp.menu

Dann erscheint kein hässlicher leerer Marker, wenn mal nichts übergeben wird, bzw. z.B. ein SubMenüpunkt mal nicht vorhanden ist.

Wie bitte ?? Hab ich da was übersehen ? :o

florius ·

Hallo zusammen,
tut mir leid aber die Antworten sind für mein Können einfach zu kurz.
Die Aufgabenstellung war schon richtig verstanden die Hauptmenüpunkte (Sportabteilungen Menü Horizontal oben, die Unterpunkte dieser Abteilungen Vertikal. Vielleicht noch zum Verständins die alte Seite die nicht in Typo3 war.
http://www.tve-weiher.de

Bin leider nur Anfänger. Würde lieber selbst helfen als auf Hilfe angewiesen zu sein.
Hier noch die ursprüngliche html:

<!-- Designvorlage -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Designvorlage|#01|V1.1|21.10.04|...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- ###DOKUMENT### start -->
<a name="top"></a>
<table id="table" cellspacing="0" cellpadding="0">
  <tr>
    <td id="top-left-column"><div id="logo">
        <!-- ###LOGO### start -->
        <img src="../be_user/img/logo.gif" width="80" height="150" />
        <!-- ###LOGO### end -->
      </div>
    </td>
    <td id="top-middle-column"><!-- ###BANNER### start -->
      <div id="banner"><img src="" width="350" height="50" /></div>
      <!-- ###BANNER### end -->
    </td>
    <td align="right" id="top-right-column"><!-- ###SEARCH### start -->
      <form>
        <input name="Suche" type="text" size="15" maxlength="40" />
        <input name="Suchen" type="button" value="Suchen" />
        </form>
      <!-- ###SEARCH### end -->
    </td>
  </tr>
  <tr>
    <td id="middle-left-column"><div class="menu-spacer">&nbsp;</div>
      <!-- ###MENU### start -->
      <div id="navcontainer">
        <ul id="navlist">
          <li id="active"><a href="#" id="current">Item one</a>
            <ul id="subnavlist">
              <li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
              <li><a href="#">Subitem two</a>
                <ul>
                  <li><a href="#">Subsubitem one</a></li>
                  <li><a href="#">Subsubitem two</a></li>
                </ul>
              </li>
              <li><a href="#">Subitem three</a></li>
              <li><a href="#">Subitem four</a></li>
            </ul>
          </li>
          <li><a href="#">Item two</a></li>
          <li><a href="#">Item three</a></li>
          <li><a href="#">Item four</a></li>
        </ul>
      </div>
      <!-- ###MENU### end -->
    </td>
    <td colspan="2" id="middle-middle-column"><div id="breadcrumbs">
        <!-- ###BREADCRUMBS### start -->
        <a href="#">Startseite</a> > <a href="#">Kontakt</a> > Formular
        <!-- ###BREADCRUMBS### end-->
      </div>
      <div id="content">
###CONTENT###
      </div>
    </td>
  </tr>
  <tr>
    <td id="bottom-left-column">&nbsp;</td>
    <td colspan="2" id="bottom-middle-column"> <a href="#top">Nach oben</a> |
      <!-- ###PRINT### start -->
      <a href="#">Seite drucken</a>
      <!-- ###PRINT### end -->
 &nbsp;| <a href="http://tve-weiher.vereinsname.de/16.html">Impressum</a> |
<a href="mailto:rolf.till@tve-weiher.de?subject=An den Webmaster des TVE Weiher">Webmaster</a><br />
 <br />
<br />
      <!-- ###FOOTER### start -->
      <div id="footer-punktde"><strong>TYPO3 Layout und Realisierung</strong><br />
        ... | ... | ... | ...</div>
      <!-- ###FOOTER### end -->
    </td>
  </tr>
</table>
<div class="spacer">&nbsp;</div>
<!-- ###DOKUMENT### end -->
</body>
</html>

</body>
</html>

Ich hoffe mal weiter
Florius

florius ·

Vielen Dank ?
Dann las ichs halt. Die Dokus kenne ich.
Nur bin ich kein Programmierer und habe nicht die Zeit jeden Punkt der Doku durchzuspielen. Leider.
Ich dachte das Problem zu lösen ist für andere vielleicht ein Kinderspiel.
Florius

toyde ·

tut mir Leid florius, jenses hat Recht.

Die Lösungsansätze haben wir dir beschrieben, und ich habe dir die Problematik mit "Oberkategorie horizontal und Unterkategorie vertikal" erklärt.

Lies dich in die Menüstrukturen Seite 61 der von jenses geposteten Dokumentation ein.
Du erstellst ein beispielsweise HMENU vom Typ TMENU. Weiter könntest du dann die Unterkategorien vom horizontalen Haupt-TMENU per special.directory aus dem jeweiligen Oberkategoriepunkt die verwiesenen Unterkategorien-Punkte anzeigen lassen.

bye

mstuebner ·
florius schrieb

Vielen Dank ?

Sollte so sein.

florius schrieb

Dann las ichs halt. Die Dokus kenne ich.
Nur bin ich kein Programmierer und habe nicht die Zeit jeden Punkt der Doku durchzuspielen.

Ganz schlechter Ansatz! Du willst etwas, willst aber Deine Zeit nicht investieren und erwartest dass wir unsere Zeit für Dich investieren?

Plonk. Ende der Kommunikation.

PS: Mods, ich möchte mir eine Blacklist einrichten, geht das zu machen? :o

florius ·

Wer helfen möchte investiert immer Zeit oder nicht ?
Was mich vielleicht viele Wochen kostet wäre für andere vielleicht ein klacks. Ich will in Zukunft keine Web Argentur eröffnen und damit ist genug wenn die Seite so ist wie sie sein soll basta. Aber lassen wir das jetzt. Ich bin verärgert genug und sitze nun doch an der Doku.
Ich hab euch schon verstanden. Ich hoffe dass mir jetzt nicht noch weitere Helfer erklären wollen dass ich es nicht kann. Das weiß ich.
Florius

uschi ·

Ich kann Florius gut verstehn. Ich glaube, es gibt ausser Männlein und Weiblein noch die Kategorien Programmierer und Nicht-Programmierer. Die beiden scheinen die gleichen Verständigungsschierigkeiten zu haben wie Männer und Frauen.
Mir helfen kopierte Code-Schnippsel viel weiter als die Links zu den Dokus. Im ersten Moment versteh ich sie vielleicht nicht, aber wenn ich sie bearbeite und abändere, komm ich viel eher dahinter, wie die Sache läuft... Es ist bestimmt nicht Bequemlichkeit, aber ich komm mit den Doku's immer erst klar, wenn ich die Dinge im Ansatz begriffen habe.
Ich hoffe, das trägt dazu bei, dass die Programmierer ein bisschen Verständnis für uns Dummies entwickeln.

Liebe Grüsse und tausend Dank an alle Programmierer, die sich hier Mühe geben und die ich von Herzen beneide 🙂

Uschi

toyde ·

Ich habe dir die Seitenangabe gemacht und dir erklärt, dass man special.directory verwenden kann.

Bau doch mal was aus der Doku raus und in dein Template rein. Eben beispielsweise mit special.directory.

Was du jetzt mal erstellst:
Dein Hauptmenu wrappst(schreibst) du jetzt nicht in die linke Spalte, sondern oben horizontal entlang. D.h., keine Divs wrappen, denn die stehen untereinander. Das kann man beispielsweise mit einer einzeiligen Tabelle machen, mit:

<tr><td>Menupunkt1</td><td>Menupunkt1</td>etc..</tr>

(span-tags gehen auch)
Den Marker/Subpart für das Hauptmenü im html musst du logischerweise an gewünschter Stelle oben platzieren.

Wenn das steht, meldest dich nochmals.

Noch ein Tipp aus eigener Lehre:
Erstelle Word- oder Textfiles für deine Templates/TypoScripts. Die legst du lokal ab und speicherst sie nach Version, Datum, oder whatever. Somit kannst du im TypoScript rumwälzen und biegen, ohne den Faden zu verlieren, denn die letzten funktionierenden Versionen hast du dann schliesslich archiviert. Ausserdem mehr Beschreibungen mit "#Bemerkungen" oder Blockquotes mit "/* Bemerkungen */" erstellen, das hilft beim Studium und du kannst nicht vergessen, was die Funktionen unterhalb der Bemerkungen bewirken/wie sie funktionieren.

mstuebner ·
uschi schrieb

Ich kann Florius gut verstehn. Ich glaube, es gibt ausser Männlein und Weiblein noch die Kategorien Programmierer und Nicht-Programmierer. Die beiden scheinen die gleichen Verständigungsschierigkeiten zu haben wie Männer und Frauen.

Das ist ja auch richtig, wobei ICH definitiv zu den Nicht-Programmierern gehöre. Nur wenn ich habe nicht die Zeit jeden Punkt der Doku durchzuspielen lese, dann ist meine Bereitschaft zu helfen schlagartig am Ende.

Ich jette derzeit zwischen Spanien, Kuwait und Deutschland hin und her und habe nebenbei noch einen acht Monate alten Sohn und eine Frau. Und wenn dann jemand sowas (siehe oben) schreibt, dann werde ICH meine Zeit für diese Person ganz sicher nicht investieren. Die Hauptinitiative sollte immer beim Nutzniesser liegen.

Ist aber nur meine persönliche Ansicht.

toyde ·

*sich auf mstuebner's Schulter stützt*

Ja, da is was dran.
Einige im Forum - ich zum grossen Teil sicher auch - gehören zu den Leuten, die zwar gerne umsonst helfen, doch umsonst einfach die Hausaufgaben anderer machen ist was anderes. Und des Macher's Bemerkung roch schon etwas danach.

However, ich hab mal Tipps gepostet, die er mal testen kann, und wenn er hängt, helfen wir gerne. Die Arbeit nimmt ihm keiner ab. Ich glaube, dass darf man schon erwarten, wenn man ein gratis OS-CMS und ein gratis-super Community Forumportal zur Verfügung hat.

Ich hoffe die Sache ist langsam vom Tisch, und wir finden zum Thema zurück.

mstuebner ·
toyde schrieb

Ich hoffe die Sache ist langsam vom Tisch, und wir finden zum Thema zurück.

Och, wie langweilig. ;-) Nicht mal einen ordentlichen Flamewar bekommt man hier hin. 😃

toyde ·

Wir sollten nicht nur eine "Off-Topic" Sparte haben, sondern ein "ich diss dich bis Du wegfliesst, Alter" Forum 8-)

florius ·

Also nun muss ich mich doch trotzdem nochmals melden.
Ich entschuldige ich mich bei allen dass ich so was in diesem Forum ausgelöst habe. Leider passiert.
Vielleicht habe ich die falschen Worte gewählt.
Die Zeit die man braucht um Typo3 richtig zu lernen ist sicher immens. Ich stehe mit vielen Aufgaben (im Verein) im Stress bin auch berufstätig und habe Frau und 2 Kinder da kann mann nicht ständig am Typo herumschustern. Auch wenn ich den Ehrgeiz dazu habe.
Ich habe während hier gepostet wurde an Typo3 gearbeitet und auch was hinbekommen allerdings anders als mein erster Ansatz war. Fehler sind noch drin aber ich arbeite daran. Nur der Content wird mir noch nicht ersetzt. Da muß ich nochmals die Doku lesen.
das Ergebnis:
http://web8.h9459.serverkompetenz.net/dummy-3.7.0/index.php?id=48

Gruß Florius