Zum Inhalt springen

Typoscript aus Videotutorial nichts geht mehr (Anfänger!)

Erstellt am 13. November 2009 · 2 Antworten · letzte Antwort am 13. November 2009

Tags: HTML & CSS, Frage

annkatrin ·

Hallo,
nachdem ich Stunden in Foren gesucht habe #angry# und nun wahrscheinlich den Typoscript-Code völlig zerstört habe, brauch ich nun Hilfe. Ich habe die Schritte aus dem tutorial genau nachgemacht. Also falls das alles falsch ist - ich kenne mich noch nicht wirklich damit aus.
Erstmal die Dinge, die nicht funktionieren:
1.das Submenü steht nicht mehr untereinander und Schrift und Farbe kann ich nicht ändern.
2.Wieso steht mein Menü nicht neben dem Inhaltsbereich, sondern wird vom text nach unten geschoben
3.Warum erscheint mein Hintergrundbild nicht.
4. Sind die CSS_dateien überhaupt eingebunden?

So hier nun mein TS:

#Default PAGE object:
page.stylesheet = fileadmin/templates/kunstwerkstatt_koenigstein/css/Body*.css
page = PAGE
page.shortcutIcon = favicon*.ico
page.bodyTag =<body text="{$fontCol}" font="{$fontFile}">
page.wrap = <div align="middle" style="padding-left: 50px;" padding-right:50px=""> | <div>

page.10 = IMAGE
page.10.file = Logo_Head*.png

page.15 < styles.content.get
page.12 < styles.content.getLeft
page.30 < styles.content.getRight

page.15.wrap = <div style="padding-left: 270px;" align="left"> | </div>

page.25 = HMENU
page.25.wrap = <div align="left" style="padding-left: 110px;"> | </div>
page.25.1 = GMENU
page.25.1.NO {
XY = [15.w],[15.h]
15 = IMAGE
15.file = Klecks_button_mag*.gif

20 = TEXT
20.text.field = title
20.offset = 9,18
20.fontColor = white
20.fontSize = 12pt
20.fontFile = t3lib/fonts/MyriadPro-regular.otf

wrap = | <br />
}

page.25.2 = TMENU
page.25.2.wrap = <div> | </div>
page.25.2.NO.fontSize = 12pt
page.25.2.NO.fontFile = t3lib/fonts/MyriadPro-regular.otf
page.25.2.NO.fontColor = #012e6f
page.25.2.NO = 1
page.25.2.NO.wrap = | <br />

CSS:

.body {
background: url(../../../../../../../Users/AnnKatrin/Job/KunstWerkstattK%C3%B6nigstein/Homepage/Images/Background_magenta.jpg);
background-repeat: no-repeat;
position: absolute;
}
.text {
font-family:"Myriad Pro";
font-size: 11px;
color: #FFFFFF;
}

.SELECT {
font-family: Myriad-Pro;
font-size: 10px
}
.TEXTAREA {
font-family: Myriad-Pro;
font-size: 10px
}

H1 {
font-family : Myriad-Pro;
font-size : 14px;
color : #012e6f;
margin-bottom : 0px;
margin-top : 10px;
}
H2 {
font-family : "Myriad Pro";
font-size : 14px;
color : #012e6f;
margin-bottom : 10px;
margin-top : 20px;
}
H3 {
font-family : "Myriad Pro";
font-size : 12px;
color : #012e6f;
margin-bottom : 0px;
margin-top : 10px;
}
H4 {
font-family : "Myriad Pro";
font-size : 10px;
color : #012e6f;
margin-bottom : 0px;
margin-top : 10px;
}
.subhead1 {
font-family : "Myriad Pro";
font-size : 10px;
color : #012e6f;
}
.subhead2 {
font-family : "Myriad Pro";
font-size : 10px;
color : #012e6f;
}
.subhead3 {
font-family : "Myriad Pro";
font-size : 10px;
color : #012e6f;
}
.headerdate {
font-family : "Myriad Pro";
font-size : 10px;
color : #012e6f;
font-weight: normal;
}

Bevor Ihr jetzt die Hände über dem kopf zusammen schlagt und sagt, die hat ja gar keine Ahnung. Sagt mir doch bitte wie ich mich dem ganzen am besten annehme (z.B Bücher, Internet, tutorials,...)

Vielen lieben Dank! o.O o.O

SomehowLost ·

Hallo,

also hier mal meine kleinen Anmerkungen, die ich beim Überfliegen entdeckt habe:
Zuerst sollte "page = PAGE" am Anfang stehen und danach alles weitere, was sich auf page bezieht. Es stimmt also Deine Reihenfolge nicht ganz 😉

Verlinke in Deinem Stylesheet den Hintergrund absolut und nicht relativ (dann fällt auch diesen "../../" etc. weg 😉 ). Dann gehst Du sicher, dass der Hintergrund gezogen wird.

Ich hab auch gleich mal eine Frage: Was sollen die "*" vor der Dateiendung? Würde die weglassen.

Ich kann Dir auch gleich mal die Doku ans Herz legen. Da ist sehr gut beschrieben, wie man ein GMENU erstellt http://www.mittwald.de/typo3-dokumentation/

Viele Grüße und viel Erfolg weiterhin 🙂

Nachtrag:
<div alig="center"> nicht <div align="middle">
Des Weiteren:
Container nebeneinander entweder über float="left oder right" oder über position. Die Angaben über align beziehen sich auf den Inhalt des Containers nicht auf das Verhältnis des Containers zu seiner Umgebung