Hallo, nach 5 Tagen Beschäftigung mit Typo3 will ich mich nach und nach mal daran wagen meine mit Dreamweaver geschriebene Homepage mit Typo3 neu zu schreiben.
Horizontales Layer Menü:
Ich habe mit dem Dreamweaver ein Template erstellt und diese HTML-Datei + die CSS-Datei + Grafiken in meinen Upload-Ordner hochgeladen. Aus einer Publikation habe ich ein Typoscript auf die erste Seite über meiner Startseite abgeschrieben. Aber hier könnte Ihr das verflixte Resultat sehen. Nehme ich den Code wieder raus, dann sehe ich schon mal mein Banner. Wenn auch die eigentlich unter der Bannerebene absolut positionierte ###NAVI### -Ebene direkt unter dem Banner sein sollte erscheint dann der Marker links über dem Banner.
Hier das Typoscript:
# page zum Objekt PAGE machen
page = PAGE
## eigene Stylesheet einbinden
page.stylesheet = fileadmin/user_upload/stile.css
## Meta-Angaben für Suchmaschinen
page.meta.author = Me, |
page.meta.description = Das Vietnam Portal
page.meta.keywords = vietnam, asien, südostasien, hanoi, saigon, südvietnam, mitte vietnam, nordvietnam, hue, hoi an
# Template an Position 10 einbinden
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/user_upload/templ1.html
page.10.workOnSubpart = DOKUMENT
# Inhalt einbinden
page.10.marks.INHALT = CONTENT
page.10.marks.INHALT.table = tt_content
page.10.marks.INHALT.select.orderBy = sorting
page.10.marks.INHALT.select.where = colPos=0
# Navi Ebene als Layer einbinden
page.includeLibs.gmenu_layers = typo3_src-4.2.5/typo3/sysext/cms/tslib/media/scripts/gmenu_layers.php
page.bodyTagMargins = 0
page.5 = IMAGE
page.5.file = fileadmin/user_upload/navibut1.gif
page.5.wrap = <div> | </div>
page.10 = HMENU
page.10.wrap = <div style="background-color:#cccccc;border-width:1px 0px; border-style:solid;border-color:black;"> | </div>
page.10.1 = GMENU_LAYERS
page.10.1 {
layerStyle = position:absolute;left:10px;top170px;width:985px;VISIBILITY:hidden;
xPosOffset = 0
lockPosition = x
expAll=1
NO {backColor = #cccccc
XY = [10.w]+30, 20
10 = TEXT
10.text.field = title
10.fontFace = fileadmin/user_upload/arial.ttf
10.fontSize = 12
10.offset = 5,15
}
}
page.10.2 = GMENU_LAYERS
page.10.2 {
layerStyle =
layerStyle = position:absolute;width:100px;VISIBILITY:hidden;
relativeToParentLayer=1
relativeToTriggerItem=1
relativeToTriggerItem.addWidth=1
expAll = 1
page.10.2NO {
backColor = |*|| #cccccc || #aaaaaa |*|
XY = 140, 20
10 = TEXT
10.text.field = title
10.offset = 5,13
10.fontSize = 12
10.fontFace = fileadmin/user_upload/arial.ttf
20 = BOX
20.dimensions = 0,0,2,20
20.color = #000000
30 < .20
30.align = r
40 = BOX ||
40.dimensions = 0o,0,140,2
40.color = #000000
50 = |*||*| || BOX
50.dimensions = 0,0,140,2
50.color = #000000
50.align = ,b
page.10.3 = GMENU
page.10.3.NO {
backcolor = |*| #cccccc || #aaaaaa |*|
XY = 120, 20
10 = TEXT
10.text.field = title
10.fontFace = fileadmin/user_upload/arial.ttf
10.fontSize = 12
10.offfset = 5,13
20 = BOX
20.dimensions = 0,0,1,20
20.color = #000000
30 < .20
30.align = r
40 = BOX
40.dimensions = 0,0,120,1
40.color = #000000
50 = |*||*| |*| BOX
50.dimensions = 0,0,120,1
50.color = #000000
50.align = ,b
# Bannergrafik einbinden
page.10.marks.BANNER = IMAGE
page.10.marks.BANNER.file = fileadmin/user_upload/bannervnft1.jpg
Später soll das Layer-Menü 4 Ebenen bedienen. Es sind dann ca 120 Seiten, die ich hinsichtlich übersichtlicher Navigation in Rubriken (also Ebenen unterteile / Ebene 1-4). Ist über das Seiten einrichten schon geschehen. Da selbst dann die Menüleiste lang wird, bleibt mir nur ein horizontales "Ausklappmenü".
Ich muß eingestehen, daß das Typoscript für mich noch absolutes "Chinesisch" ist und ich nicht richtig dazu in der Lage bin es zu verstehen. Dadurch kann ich nur abschreiben und vielleicht hie und da verstehe ich diesen oder jene Anweisung was zu tun. Mehr aber nicht. Also ein absoluter Typoscript-DAU. Ich hoffe aber hier Hilfe zu finden.
heiko