Hallo zusammen,
ich bin noch ziemlich neu bei Typo3 und hab da eine Frage zum Hinterlegen eines Bildpfades für eine Page.
Das Bild ist das Titelbild über meinem horizontalen Navigation.
Für den Pagecontent verwende ich die "normalen" Templates, also nichts ausgefallenes.
Insgesamt gibt es vier Bereiche in dem template: Titelbild (noch statisch), Horizontales Menü, vertikales Submenü, und dem Content.
Zur Zeit ist als Titelbild noch ein statisches Bild in der template.html hinterlegt.
Durch das einfügen einer id in einem div-tag oder so ähnlich sollte das Bild ja dynamisch manipulierbar sein, oder?
Aber wo hinterlege ich den Pfad zu der entsprechenden Datei?
Der zugriff müsste dann genauso einfach sein, wie der Zugriff im TypoScript auf den 'title'?!?!?!
Vielen Dank im Voraus
Gruß Jan
JayR schriebDurch das einfügen einer id in einem div-tag oder so ähnlich sollte das Bild ja dynamisch manipulierbar sein, oder?
Wie immer, Marker in Template statt Bild und Bild dann per TS einfügen, wenns sein soll auf jeder Seite neu setzen.
JayR schriebAber wo hinterlege ich den Pfad zu der entsprechenden Datei?
Irgendwo unterhalb von /fileadmin, auch wie immer.
Danke für die schnelle Antwort!
Ich hab vor zwei Tagen zum ersten Mal von Typo3 gehört und möchte nicht behaupten Ahnung davon zu haben...daher kann ich mit "wie immer" recht wenig anfangen.
Ich hab mir meine Page aus Tutorials zusammengeschneidert und Kleinigkeiten wie horizontale GMENU's selbst angepasst.
Vielleicht beschreibe ich erstmal meine Page-Struktur:
Root
- Page1
- Subpage1
- Subpage2
-Page2
- usw....
Die Hauptpages (Page1,Page2,..) werden zu jeder Zeit horizontal dargestellt.
Die entsprechenden Submenüs werden jeweils links darunter platziert und entsprechend aktualisiert.
Nun hat jede Hauptpage ein eigens Titelbild <!-- Header image row: -->. Wo muss ich den Namen des Bildes hinterlegen damit mein template im root-Verzeichnis den Marker ersetzen kann??? Und wie sieht der Marker in dem Fall aus?
Kannst Du mir ein kleines Beispiel für das TypoScript geben?!
Die template.html sieht wie folgt aus:
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Base template, header, menu, content and footer.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" id="internalStyle">
/*<![CDATA[*/
BODY { margin: 0 0 0 0; background-color: white; }
/*]]>*/
</style>
<link href="res/stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="770">
<!-- Header image row: -->
<tr>
<td colspan="2" id="header_1"><img src="images/header_pic1_template.jpg" width="770" height="211" alt="" border="0" /></td>
</tr>
<tr>
<td colspan="2" id="menu_2" bgcolor="#D71C23">
<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item2</a></div>
<div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
</td>
</tr>
<tr>
<!-- Menu table cell: -->
<td id="menu_1">
<div class="menu1-level1-no"><a href="#">Menu item 1</a></div>
<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
<div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item2</a></div>
<div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
</td>
<!-- Page Content Area table cell: -->
<td id="content">
<h1>Title</h1>
<img src="images/test.jpg" width="192" height="156" border="0" alt="" align="right"/>
<p class="bodytext">text</p>
<br />
</td>
</tr>
<!-- Footer row: -->
<tr>
<td colspan="2" id="footer">
<p>Footer</p>
</td>
</tr>
</table>
</body>
</html>
Das TypoScript ist folgendes:
# Configuring the Auto-Parser for main template:
plugin.tx_automaketemplate_pi1 {
# Read the template file:
content = FILE
content.file = fileadmin/template/main/template_1.html
# Here we define which elements in the HTML that
# should be wrapped in subpart-comments:
elements {
BODY.all = 1
BODY.all.subpartMarker = DOCUMENT_BODY
HEAD.all = 1
HEAD.all.subpartMarker = DOCUMENT_HEADER
HEAD.rmTagSections = title
TD.all = 1
}
# Prefix all relative paths with this value:
relPathPrefix = fileadmin/template/main/
}
# Menu 1 cObject
temp.menu_1 = HMENU
temp.menu_2 = HMENU
temp.menu_1.entryLevel = 1
# First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
# Normal state properties
NO.allWrap = <div class="menu1-level1-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}
# First level menu-object, textual
temp.menu_1.2 = TMENU
temp.menu_1.2 {
# Normal state properties
NO.allWrap = <div class="menu1-level2-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level2-act"> | </div>
}
temp.menu_2.1 = GMENU
temp.menu_2.1.entryLevel = -1
temp.menu_2.1.wrap = |
temp.menu_2.1.NO {
# Normal state properties
linkWrap = |
src="fileadmin/template/main/images/mainmenu_separator.jpg" height="21" alt="" border="0" />
ATagBeforeWrap = 1
# Add Textfield to get the width for the generated images
3 = TEXT
3.text.field = title
XY = [3.w] + 25 ,21
backColor = #D71C23
10 = TEXT
10.text.field = title
10.offset = 0,13
10.align = center
10.fontFile = fileadmin/fonts/CORPSBQB.TTF
10.fontColor = white
}
# Main TEMPLATE cObject for the BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
# Feeding the content from the Auto-parser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# Select only the content between the <body>-tags
workOnSubpart = DOCUMENT_BODY
# Substitute the ###menu_1### subpart with dynamic menu:
subparts.menu_1 < temp.menu_1
subparts.menu_2 < temp.menu_2
# Substitute the ###content### subpart with some example content:
subparts.content < styles.content.get
}
# Main TEMPLATE cObject for the HEAD
temp.headTemplate = TEMPLATE
temp.headTemplate {
# Feeding the content from the Auto-parser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# Select only the content between the <head>-tags
workOnSubpart = DOCUMENT_HEADER
}
# Default PAGE object:
page = PAGE
page.typeNum = 0
# Copying the content from TEMPLATE for <body>-section:
page.10 < temp.mainTemplate
# Copying the content from TEMPLATE for <head>-section:
page.headerData.10 < temp.headTemplate
# PAGE Object for the main menu
page.5 = PAGE
page.5.1 < temp.menu_2
Viele Grüße
Jan
JayR schriebIch hab vor zwei Tagen zum ersten Mal von Typo3 gehört und möchte nicht behaupten Ahnung davon zu haben...daher kann ich mit "wie immer" recht wenig anfangen.
Die Suchfunktion des Forums gibt es aber mindestens genauso lange und auch in den diversen Manuals werden Mediadateien immer unterhalb von /fileadmin gespeichert.
Ersetze in Deinem Template: <!-- Header image row: --> gegen den Bildmarker, z.B. ##HEADPIC###.
Im Roottemplate ersetzt Du dies mit einem Bild
page.10.marks.HEADPIC = IMAGE
page.10.marks.HEADPIC.file = toplogo.png
und legst für die Bereiche ab denen eine neue Grafik angezeigt werden soll ein Extensiontemplate mit dem Inhalt
page.10.marks.HEADPIC.file = andere_grafik.png
Siehe TSRef. S. 68
Hey, vielen Dank!
Die Sache mit den extension templates hat mir gefehlt! Ist genau das was ich gesucht habe!
Danke nochmals, Gruß Jan