Zum Inhalt springen

Navigation - wie umsetzen?

Erstellt am 9. Februar 2007 · 8 Antworten · letzte Antwort am 9. Februar 2007

Tags: Frage

inu ·

Hallo Leute,

wie könnte man diese Navigation hier nachbauen, wobei die Punkte "Neuigkeiten", "Mannschaften" und "Verein" selbst nur Übershriften darstellung und nicht anklickbar sein sollen. Gern würde ich das als TMENU umsetzen und mit CSS "bestücken"

Bild: datenbaenker.de/bild_ttc.jpg

einpraegsam.​net ·

Zum Beispiel: Du legst drei Ordner an (Neuigkeiten, Mannschaften, Verein) dann per Content Object Array drei Menüs untereinander anlegen mit Startpunkt in deinen neu angelegten Ordnern...

inu ·

Ähh, mmh, ich bin recht neu im Thema Typo3.

Drei Ordner anzulegen ist nicht das Problem. Aber mit den restlichen Begriffen hapert es. Hast Du nicht mal ein Beispiel bitte?

Vielenm Dank

just2b ·

Hallo,

einfach mit dem Seitentyp Abstand.
ein gutes tutorial ist leider offline, google cache liefert noch immerhin das:

The Spacer page is a page that shows up in the navigation, but does not have a link associated with it.

Typo3 has to be told how to use the Spacer page. This is done in the Setup section of the Typo3 template.

First you have to decide at which level of the navigation tree the Spacer page has to show up. In my example it is on Level 3 of the left side navigation and does not show up as a link and does not link to anything. The look of the text is defined by a class in the style sheet.
Typo3 Template Spacer Code

# Spacer Code Level 2
temp.leftmenu.2.SPC = 1
temp.leftmenu.2.SPC < subparts.leftmenu
temp.leftmenu.2.SPC.doNotShowLink = 0
temp.leftmenu.2.SPC.doNotLinkIt = 1
temp.leftmenu.2.SPC.allWrap =
<DIV class="leftnavspc">&#171;&nbsp; | &nbsp;&#187;</DIV>

Note:
The last to lines of code should all be on the same line. I had to split it into two to fit on the page.

Stylesheet Spacer Class

/* Left Navigation SubMenu Spacer */
.leftnavspc {
font-family: Verdana, sans-serif;
font-size: 11px;
font-variant: small-caps;
font-weight: bolder;
color: #003366; /* dark blue */
text-decoration: none;
padding: 2px;
margin-left: 15px;
background-color: #FFFFFF; /* white */
border-bottom: thin dotted #9B193D; /* burgundy */
}

georg

inu ·

ich werde das mal versuchen umzusetzen. und wie bekomm' ich die Linie um das Menü? und wie weiß typo3, dass es sich hier um 3 menüs handelt (die anzahl der menüs kann variieren).

vielen dank

just2b ·

Naja soviele Seiten du machst, soviele Menüpunkte gibts auch!
und rand und aussehen usw per CSS

viel erfolg
georg

inu ·

Irgendwie klappt das nicht. Ich habe nun im Setup folgendes Auszug) hinterlegt. Des weiteren habe ich einen Spacer und darunter einige Untermenüs eingefügt. Es erscheint lediglich der Spacer mit seinem Titel, alle sich darunter befindlichen Untermenüs werden nicht angezeigt.:

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/testprojekt.html
10.workOnSubpart = DOKUMENT
10.marks.MENU_LINKS = HMENU
10.marks.MENU_LINKS
10.marks.MENU_LINKS.special = directory
10.marks.MENU_LINKS.special.value = 1
10.marks.MENU_LINKS.1 = TMENU
10.marks.MENU_LINKS.1.ATagTitle.field = subtile // title
10.marks.MENU_LINKS.1.noBlur = 1
10.marks.MENU_LINKS.1.expAll = 1
10.marks.MENU_LINKS.1.NO = 1
10.marks.MENU_LINKS.1.NO.before = <br /><b>
10.marks.MENU_LINKS.1.NO.after = </b>
10.marks.MENU_LINKS.1.NO.ATagParams = class="nav"
10.marks.MENU_LINKS.1.SPC = 1
10.marks.MENU_LINKS.1.SPC < subparts.MENU_LINKS
10.marks.MENU_LINKS.1.SPC.doNotShowLink = 0
10.marks.MENU_LINKS.1.SPC.doNotLinkIt = 1
10.marks.MENU_LINKS.1.SPC.allWrap = <DIV class="leftnavspc">/|\</DIV>

Irgendwie komm' ich nicht weiter. 😢

inu ·

naja, ich habe nur nicht alles mitgeschickt, hier ist noch der Rest. Selbst wenn alles angezeigt wird, wie gelingt es mir einen Rahmen (DIV-Block) um die einzelnen Menüs (mehrere Hierarchien) zu bringen?

10.marks.MENU_LINKS.2 = TMENU
10.marks.MENU_LINKS.2.ATagTitle.field = subtile // title
10.marks.MENU_LINKS.2.expAll = 1
10.marks.MENU_LINKS.2.NO = 1
10.marks.MENU_LINKS.2.NO.ATagParams = class="nav"
10.marks.MENU_LINKS.3 < .10.marks.MENU_LINKS.2
10.marks.MENU_LINKS.4 < .10.marks.MENU_LINKS.2