Template Kopfzeilenbild auf jeder Seite wechseln

Mendossa · 2004-06-03T22:05:39+00:00

Hallo zusammen, ich habe ein template erstellt und habe in der kopfzeile ein image eingebunden. nun möchte ich aber auf den unterseiten jeweils verschiedene kopfzeilen einbinden. wie mache ich das, dass die kopfzeile in dem template auf jeder unterseiteseite geändert wird? wäre nett, wenn mir geholfen wird mfg mendossa

Jürgen_PXM · 4. Juni 2004 02:03

Hallo!

Ich mache soetwas mit einem Extension-Template für die jeweiligen Rubriken. Im Root wird das Haupttemplate hinterlegt bzw. dort included und in den Einzelrubriken ein zusätzliches Template angelegt, in dem die Grafiken per CSS und/oder per TS gesteuert werden. Bei mir z. B.:

page.includeCSS { 
   file1 = fileadmin/templates/global.css 
   file2 = fileadmin/templates/start.css
} 

page.10 {
   marks.IB_LOGO = IMAGE
   marks.IB_LOGO.file = fileadmin/templates/bilder/logo_start.gif

   marks.IB_HEADER = IMAGE
   marks.IB_HEADER.file = fileadmin/templates/bilder/header_start.jpg
}

So kriegt man das mit relativ geringem Aufwand und mit nur einem HTML-Template spielend hin 🙂

Gruß, Jürgen

doku · 4. Juni 2004 08:57

...und in den Einzelrubriken ein zusätzliches Template angelegt,...
...So kriegt man das mit relativ geringem Aufwand und mit nur einem HTML-Template spielend hin...

nun ja, ich würde den aufwand als ziemlich hoch bezeichnen, schließlich mußt du ja bei jeder neuen unterseite ein ts-template einbinden...

wesentlich einfacher und vor allem pflegeleichter 😉 is das hier:

temp.kopf-image = IMAGE
temp.kopf-image {
file.import.field = media
file.import = uploads/media/
file.import.listNum = 0
}

MARKER < temp.kopfimage

nun wählt man einfach bei jeder gewünschten seite im seitenheader (seitentyp: "erweitert") im feld "dateien" ein bild seiner wahl aus und fertig.

Mendossa · 4. Juni 2004 09:16

hallo,

danke für eure antworten, ich werde das mal ausprobieren.

@ doku

wenn ich das richtig sehe, muss ich in meinem HTML template einen marker setzen, oder? D. H. im html text ###kopfimage### für das bild einfügen.

gruss

Mendossa

doku · 4. Juni 2004 09:24

hab ja keine ahnung, wie du arbeitest...
jedenfalls: wenn du html-templates mit markern benutzt, dann mußt du (bezüglich meines obigen beispiels) ###MARKER### in dein html-template setzen.
und die zeile

MARKER < temp.kopfimage

muß natürlich ebenso an der richtigen stelle deines ts-templates stehen.

Fantasy · 4. Juni 2004 14:48

doku schrieb
muß natürlich ebenso an der richtigen stelle deines ts-templates stehen.

... ich dachte es ist bei typo relativ egal wo man den code hinschreibt. Dachte das ist nicht so wie bei Java, Php und Co. Oder wie ist das da ?

Jürgen_PXM · 4. Juni 2004 23:45

Ja, das stimmt schon. In welcher Reihenfolge du die Marker zuweist, ist nicht von Bedeutung. Nur innerhalb des richtigen Objekts muss es stehen, in dem das HTML-Template zugewiesen wird, also z. B.

page.10 = TEMPLATE
page.10 {
   template = FILE
   template.file = fileadmin/templates/t3_start.htm
   workOnSubpart = DOCUMENT_BODY

   marks.MARKERNAME < temp.kopfimage
   marks.MARKERNAME2 < temp.image2
}

Die temporären Namen kopfimage und image2 müssen dann natürlich vorher wie im Beispiel von doku zugewiesen werden.

doku · 5. Juni 2004 09:29

...müssen dann natürlich vorher...

😉

Mendossa · 5. Juni 2004 09:50

hallo

tut mir leid, aber ich verstehe nur noch bahnhof. :-)

Ich habe hier nochmal mein script. kann mir jemand das script so bearbeiten, dass es funzt?

Danke

MfG

Mendossa

page = PAGE
page.typeNum = 0
page.bodyTag = <body bgcolor = "white">
page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = fileadmin/index.htm
  workOnSubpart = DOKUMENT

   temp.KOPFIMAGE = IMAGE 
   temp.KOPFIMAGE { 
      file.import.field = media 
      file.import = fileadmin/img/flash.jpg
      file.import.listNum = 0 

   marks.KOPFIMAGE < temp.KOPFIMAGE 
     } 
  


marks.INHALT = CONTENT
marks.INHALT {
    table = tt_content
    select.orderBy = sorting
    select.where = colPos = 0 
  }

 
marks.MENUE = HMENU 
marks.MENUE.1 = TMENU 
marks.MENUE.1 { 
   NO { 
   allWrap = <tr height="20"><td class="navi">|</td></tr> 
   ATagParams=class"navi" 
   } 
   ACT = 1 
   ACT { 
     allWrap = <tr height="20"><td class="navi_active">|</td></tr> 
     ATagParams=class="navi_active" 
   } 
}

marks.MENUE.2 = TMENU
marks.MENUE.2 {

  NO {
    allWrap = <tr height="20"><td class="navi">|</td></tr>
    ATagParams=class="navi"
    beforeImg = fileadmin/img/pfeilchentrans.gif
    beforeROImg = fileadmin/img/pfeilchenrot.gif 
    RO = 1
  }
  ACT = 1
  ACT {
      allWrap = <tr height="20"><td class="navi_active">|</td></tr>
      ATagParams=class="navi_active"
      beforeImg = fileadmin/img/pfeilchenrot.gif
  }

}

doku · 5. Juni 2004 10:00

eben, eben, genau, was ich gesagt habe... 😉

1) also, du löschst diesen block erstmal, denn der ist auch unabhängig von seiner falschen position völlig falsch:

   temp.KOPFIMAGE = IMAGE 
   temp.KOPFIMAGE { 
      file.import.field = media 
      file.import = fileadmin/img/flash.jpg 
      file.import.listNum = 0 

   marks.KOPFIMAGE < temp.KOPFIMAGE 
     }

2) das schreibst du dann vor die zeile "page.10 = TEMPLATE"

temp.kopf-image = IMAGE 
temp.kopf-image { 
file.import.field = media 
file.import = uploads/media/ 
file.import.listNum = 0 
}

3) und das schreibst du direkt nach der zeile "workOnSubpart = DOKUMENT ":

marks.KOPFIMAGE < temp.kopf-image

zur erklärung:
du definierst erstmal temp.irgendwas und kopierst es dann später mit diesem zeichen: "<" in einen marker deiner wahl. fertig.

p.s.: in meinem gestrigen beispiel hatte ich übrigens selbst einen tippfehler drin, da ich einen bindestrich in temp.kopf-image vergessen hatte.
aber das hätte dir auch nix genutzt.

Mendossa · 5. Juni 2004 10:16

jo, das habe ich soweit gemacht: das bild wird abernicht angezeigt.

wo gib ich denn den pfad zur datei an? oder muss ich das woanders angeben.

nun wählt man einfach bei jeder gewünschten seite im seitenheader (seitentyp: "erweitert") im feld "dateien" ein bild seiner wahl aus und fertig.

Tut mir leid dass ich so nerve, aber ich mache das zum ersten mal ;-(

gruss

mendossa

doku · 5. Juni 2004 10:23

es sollte aber nun funktionieren. den pfad brauchst du nicht anzugeben, denn der code besagt, daß die erste datei, die in besagtem auswahlfeld gewählt wurde, angezeigt wird.

sorry, daß ich dich verwirrt habe und jetzt noch mehr verwirre, aber ich kannte deine template-schreibweise nicht und deswegen isses wohl etwas schwerer nachzuvollziehen.

um in deiner schreibweise zu bleiben kannst du den code auch folgendermaßen einsetzen, dann kannst du es auch besser nachvollziehen:

page = PAGE 
page.typeNum = 0 
page.bodyTag = <body bgcolor = "white"> 
page.10 = TEMPLATE 
page.10 { 
  template = FILE 
  template.file = fileadmin/index.htm 
  workOnSubpart = DOKUMENT 

marks.KOPFIMAGE = IMAGE 
marks.KOPFIMAGE { 
    file.import.field = media 
    file.import = uploads/media/ 
    file.import.listNum = 0 
    }

marks.INHALT = CONTENT 
marks.INHALT { 
    table = tt_content 
    select.orderBy = sorting 
    select.where = colPos = 0 
  } 
............
.....

p.s.:
wieso hast du eigentlich die zeile

file.import = uploads/media/

einfach geändert???
wenn du geposteten code einfach nicht übernimmst, dann kann dir wirklich keiner helfen...

Mendossa · 5. Juni 2004 10:42

wenn du geposteten code einfach nicht übernimmst, dann kann dir wirklich keiner helfen...

ich habe das geändert, da ich dachte (und immernoch denke), dass das das verzeichniss ist, wo die ganzen kopfzeilenbilder liegen.

die in besagtem auswahlfeld gewählt wurde

??????

wo ist denn das besagte auswahlfeld?

ist

file.import = uploads/media/

dies kein ordner wo die bilder gespeichert werden müssen. irgendwo muss ich doch die verschiedenen kopfzeilen speichern?

so sieht derzeit mein quelltext aus:

page = PAGE 
page.typeNum = 0 
page.bodyTag = <body bgcolor = "white"> 
page.10 = TEMPLATE 
page.10 { 
  template = FILE 
  template.file = fileadmin/index.htm 
  workOnSubpart = DOKUMENT 

marks.KOPFIMAGE = IMAGE 
marks.KOPFIMAGE { 
    file.import.field = media 
    file.import = uploads/media/ 
    file.import.listNum = 0 
    } 

marks.INHALT = CONTENT 
marks.INHALT { 
    table = tt_content 
    select.orderBy = sorting 
    select.where = colPos = 0 
  } 
...............

oh man, ich glaube ich muss noch viel hierfür lernen

mfg

mendossa

doku · 5. Juni 2004 10:43

wo ist denn das besagte auswahlfeld?

wie gesagt:

im seitenheader (seitentyp: "erweitert") im feld "dateien"

wobei der "seitenheader" im deutschen "seitentitel bearbeiten" heißt, sorry...

Mendossa · 7. Juni 2004 21:46

jo, alles klar es hat geklappt.

danke

besonders doku

MfG

Mendossa

Mendossa · 22. Juni 2004 18:27

hallo nochmal,

nun möchte ich aber auch noch ein 2. bild auf jeder seite wechseln. wie mache ich das denn jetzt?

wäre nett, wenn ihr mir da auch noch helfen könntet.

Danke

MfG

Mendossa

doku · 22. Juni 2004 19:44

das prinzip ist dasselbe, d.h. du wählst im mediafeld einfach noch ein weiteres bild aus und machst dann einen neuen marker mit demselben code wie beim kopfbild.
der einzige unterschied liegt in dieser zeile:

...
file.import.listNum = 1
...

listNum = 0 ist das erste ausgewählte bild
listNum = 1 ist das zweite ausgewählte bild

und immer so weiter... 😉

Mendossa · 22. Juni 2004 20:13

ah jo

danke, sowas habe ich mir schon gedacht.

thx

gruss

mendossa

doku · 22. Juni 2004 20:18

Mendossa schrieb
ah jo
danke, sowas habe ich mir schon gedacht.

aber??

Mendossa · 22. Juni 2004 20:26

lol

ich wollte mich vergewissern und nicht wieder 3 stunden ausprobieren

pixel · 24. Juni 2004 11:37

servus,

ich möchte genau das Selbe tun - mein Template sieht allerdings anders aus und ich komm nicht dahinter wie und wo ich das in meinem Template einsetzen muss - wäre klasse wenn mir jemand auf die Sprünge helfen kann....mir ist auch nicht ganz klar wie genau der Marker im html Template aussehen muss....

# Configuring the Auto-Parser for main template:

plugin.tx_automaketemplate_pi1 {
content = FILE
content.file = fileadmin/evonet/template/design1.html
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/evonet/template/
}

# Menu 1 cObject
temp.menu_1 = HMENU
# 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>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}

# Second level menu-object, textual
temp.menu_1.2 = TMENU
temp.menu_1.2 {
# Normal state properties
NO.allWrap = <div class="menu1-level2-no"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="menu1-level2-act"> | </div>
}

# 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 some example content:
#subparts.menu_1 = TEXT
subparts.menu_1 < temp.menu_1
# Substitute the ###content### subpart with some example content:
subparts.content = TEXT
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

Noch eine Frage:
Ich möchte, dass in meinem Menu der aktuell aktive Menupunkt ein Bild vorangestellt bekommt. Wie gehe ich hier vor?

Vielen Dank!