Zum Inhalt springen

Platzhalter dynamisch herstellen

Erstellt am 8. April 2005 · 18 Antworten · letzte Antwort am 10. April 2005

Tags: Frage

Mango ·

Zur Zeit wird der Platzhalter "TRAILER" statisch angezeigt.

Ich möchte ihn aber dynamisch anzeigen lassen. Es soll jeweils der Seitentitel angezeigt werden.

Schriftgröße: 36
Schrftfarbe: #E2F5E5

Wenn ein Untertitel angegeben wurde, soll auch der Untertitel angegeben werden,- allerdings in einer kleineren Schrift, in hellerer Farbe und einer höheren Ebene. Schriftart bleibt gleich.

Schriftgröße: 60

Kann mir jemand helfen?

Hier der Typoscript in voller Länge.

seite = PAGE
seite {
typeNum = 0
bodyTag =
stylesheet = fileadmin/style.css
meta.AUTHOR = Robert Meyer
meta.DESCRIPTION = Hier steht eine Beschreibung

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT

10.marks {
TRAILER = TEXT
TRAILER.value = Hier steht der Trailer

MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 29
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO = 1
MENU_OBEN.1.NO.ATagParams = class="linkWeiss"
MENU_OBEN.1.NO.linkWrap =  | | |*|
 | | |*|  |

MENU_LINKS = HMENU
MENU_LINKS.special = directory
MENU_LINKS.special.value = 28
MENU_LINKS.entryLevel = 1
MENU_LINKS.1 = GMENU
MENU_LINKS.1.NO = 1
MENU_LINKS.1.NO {
wrap = |

XY = 146, 30
backColor = #09538D

10 = TEXT
10.text.field = title
10.fontColor = #FFFFFF
10.fontFile = fileadmin/fonts/arialbd.ttf
10.fontSize = 12
10.niceText = 1
10.offset = 7, 19

20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 146,1
backColor = #FFFFFF
}
20.offset = 0, 29
}
MENU_LINKS.1.RO < .MENU_LINKS.1.NO
MENU_LINKS.1.RO {
tmp < .backColor
backColor = #3486C6
5 < .10
5.fontColor < .tmp
5.offset = 8,22
}

MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
MENU_LINKS.2 < .MENU_LINKS.1
MENU_LINKS.2 {
NO.backColor = #BCD5E9
NO.10.fontColor = #09538D
NO.20.file.backColor = #09538D
RO < .NO
RO.backColor = #FFFFFF
RO.5 >
CUR < .RO

}

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

RECHTS = CONTENT
RECHTS {
table = tt_content
select.orderBy = sorting
select.where = colPos = 2
}

lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
1 = TEXT
1.field = header
1.wrap = <font face="Arial" size="2"> | </font>

2 = IMAGE
2.file = GIFBUILDER
2.file {
XY = [10.w]+10, 28
backColor = white
10 = TEXT
10.text.field = header
10.fontColor = #478951
10.fontFile = fileadmin/fonts/arialbd.ttf
10.fontSize = 16
10.offset = 1, 22
10.niceText = 1
}
2.wrap = |

default < .1
}

tmp_tt_content_text < tt_content.text
tt_content.text >
tt_content.text = COA
tt_content.text.10 < lib.stdheader
tt_content.text.20 = TEXT
tt_content.text.20 {
field = bodytext
fieldRequired = bodytext
wrap = <font face="Arial" size="2">|</font>

parseFunc < tmp_tt_content_text.20.parseFunc
editIcons < tmp_tt_content_text.20.editIcons
}

Schrftfarbe: #96CC9F

Die Schriftart befindet sich hier: fileadmin/fonts/arialbd.ttf

Unbekannter Benutzer ·

Es soll jeweils der Seitentitel angezeigt werden.

Gib doch mal auf der linken Seite in das Formularfeld mit der Beschriftung "Im Forum suchen" das Wort "Seitentitel" ein.

Viele Grüße
Niki

Mango ·

Ich habe selbstverständlich die Doku gelesen. Nur ist dort der Seitentitel auf einem GIF-Bild angeordnet. Wie kann ich es hinkriegen, dass das Bild nicht angezeigt wird, sondern nur der Text. Ich habe nämlich in mein Template ein eigenes Hintergrundbild.

Hier das Script aus der Doku:

10.marks {
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 559, 86
backColor = #82BC8B
10 = TEXT
10.text.field = subtitle // title
10.fontSize = 60
10.fontFile = fileadmin/fonts/arialbi.ttf
10.fontColor = #96CC9F
10.niceText = 1
10.offset = 10, 75

20 = TEXT
20.text.field = subtitle // title
20.fontSize = 36
20.fontFile = fileadmin/fonts/arialb.ttf
20.fontColor = #E2F5E5
20.niceText = 1
20.offset = 40, 68
}
}

toyde ·

Hi.

Niki hat dich nicht umsonst auf die Forumsuche verwiesen.
Gibt ne Menge Code-Snippets zu entdecken, wenn du auch mal danach suchst.

n8 @all

Mango ·

Habe wirklich schon viele Threats gelesen. Bin einfach noch sehr neu in der Materie. Kann mir nicht jemand helfen?

toyde ·
Mango schrieb

Ich habe selbstverständlich die Doku gelesen. Nur ist dort der Seitentitel auf einem GIF-Bild angeordnet. Wie kann ich es hinkriegen, dass das Bild nicht angezeigt wird, sondern nur der Text.
XY = 559, 8610.offset = 10, 75...

Ehrlich gesagt verstehe ich nach diesen Sätzen den Thread nicht mehr so ganz..

Willst du jetzt über Gifbuilder etwas ausgeben, oder den Untertitel als NUR-Text ausgeben?

Und egal bei welcher Variante: Wie im geposteten Doku-Snippet musst du auch mitgeben welches Feld/welchen Wert du überhaupt ausgeben willst. title, subtitle, zum Beispiel, etc..

gut, ich geh Heija.
cu

mstuebner ·
Mango schrieb

Ich habe selbstverständlich die Doku gelesen. Nur ist dort der Seitentitel auf einem GIF-Bild angeordnet. Wie kann ich es hinkriegen, dass das Bild nicht angezeigt wird, sondern nur der Text. Ich habe nämlich in mein Template ein eigenes Hintergrundbild.

Was Du noch nicht verstanden hast ist, dass Du dann eben den Seitentitel auf Dein bestehendes Bild rendern kannst indem Du dem GifBuilder Objekt weitere Textobjekte hinzufügst, denen Du auch die verschiedensten Schriftarten und Farben geben kannst.

Allerdings schreibst Du ein bischen verwirrend, so dass ich nicht wirklich weis was Du willst. (Anfangsposting: Untertitel kleiner --> Größe 60, wo doch der Titel selbst 36 sein sollte?) Und da Du auf eine Schriftart referenzierst die in einer Fontdatei liegt ,musst Du wohl eine Ausgabe als Bild meinen, wobei Du allerdings wieder schreibst dass Du es als Text möchtest. Watt denn nu?

Unbekannter Benutzer ·

ich verstehs nicht. warum suchst Du nicht einfach nach "Seitentitel" wie ich empfohlen haben und liest Dir das durch was da kommt? Einer der ersten threads ist dieser hier: #230911

Und da steht alles wunderbar drin.

marks.LEVEL.value {
#data = page:uid
field = title
wrap = |
}

Das auskommentierte stört nicht, die Markerbezeichnung muss noch angepasst werden und in das wrap, das hier leer ist, gibst Du Deine Fontinfos dazu (wenn ich das auch lieber über css machen würde).

Viele Grüße
Niki

Mango ·

Hallo meine Lieben, stimmt, meine Angaben waren aufgrund mangelnder Erfahrung widersprüchlich.

Mein Problem:

Ich habe einen Platzhalter, der TRAILER heisst. Des weiteren habe ich in meinen Template in der oberen Tabelle ein Bild als Hintergrundbild eingefügt. Der Platzhalter liegt ebenfalls in der oberen Tabelle. Ich möchte nun seitenabhängig den Seitentitel angezeigt bekommen, eventuell mit Untertitel in einer anderen Farbe und einer anderen Schriftgröße. Mit GIFBUILDER war es mir nicht möglich, da dann das Hintergrundbild nicht angezeigt wird, bzw. überdeckt wird. Ich habe versucht, das Gif-Bild transparent zu machen, so dass nur noch der Seitentitel angezeigt wird, aber es hat nicht geklappt, da dann das Gif-Bild weiss wurde und mein Hintergrundbild ebenfalls verdeckte.
Optimal wäre also eine Lösung ohne GIFBUILDER. Einfach nur Text, z.B. Seitentitel: Größe 50, Farbe grün, Arial, bold und als Untertitel: Arial bold, Größe 30, Farbe hellgrün.

Vielen Dank für eure Hilfe,

Mike

toyde ·

Hi.

Ja, dann zurück zu deinem anfänglichen Ansatz!!
Mache anstatt:

10.marks { 
TRAILER = TEXT 
TRAILER.value = Hier steht der Trailer 
...
...

etwas in der Art hier:

10.marks { 
TRAILER = HTML 
TRAILER.field = subtitle
TRAILER.wrap = <p class="mySubtitle"> | </p>
...
...

(Bei der Wrap-Syntax bin ich mir nicht sicher, evtl. einen weiteren Post abwarten/ selbst testen)

So hast du den Untertitel/deine Ausgabe mit CSS im Griff.

bye

edit:
by the way. Grösse 50 ist schon etwas häftig, ned? #paralyzed#

mstuebner ·

Oder alternativ zu dem was toyde schreibt kannst Du den Titel doch direkt auf das Hintergrundbild der Tabelle rendern. Dann hast Du mehr gestalterischen Spielraum und T3 legt für jede unterschiedliche Grafik eine separate Grafik ab.

Also entweder: den CSS Weg, oder den Grafischen.

Jetzt musst Du Dich erst einmal entscheiden.

Mango ·

Ich würde gernel den grafischen Weg einschlagen.
Der CSS-Weg hatte nicht geklappt.

Wie kann ich denn den Seitentitel bzw. Untertitel direkt auf das Hintergrundbild der Tabelle rendern?

mstuebner ·
Mango schrieb

Ich würde gernel den grafischen Weg einschlagen.
Der CSS-Weg hatte nicht geklappt.

Wie kann ich denn den Seitentitel bzw. Untertitel direkt auf das Hintergrundbild der Tabelle rendern?

Zum Beispiel:

    marks.DYNLOGO = IMAGE
    marks.DYNLOGO.file= GIFBUILDER
    marks.DYNLOGO.file {
      XY = 500, 150

      10 = IMAGE
      10.file = fileadmin/template/images/head.gif
      10.width = 500

      20 = TEXT
      20.text.field = subtitle // title
      20.fontColor = black
      20.fontFile = fileadmin/fonts/timesbi.ttf
      20.fontSize = 36
      20.niceText = 0
      20.offset = 30, 40
    }
toyde ·

Lol CSS ned geklappt?

Egal, bei der anderen Variante nimmts du nicht extra eine Grafik vor der Hintergrundgrafik, sondern benutzt die Hintergrundgrafik direkt im Gifbuilder und mappst den Text drauf.

Dann hast du kein Bild mehr VOR der Hintergrundgrafik.

bye

mstuebner ·
toyde schrieb

Dann hast du kein Bild mehr VOR der Hintergrundgrafik.

Hab ich es ja gerade noch vor Dir geschafft. ;-)

toyde ·
mstuebner schrieb
toyde schrieb

Dann hast du kein Bild mehr VOR der Hintergrundgrafik.

Hab ich es ja gerade noch vor Dir geschafft. ;-)

Hab's gesehn dude #giggle#
Schönes Weekend.

BastianBalthasarBux ·

Generell kannst du zum rumprobieren folgendes machen:

nimm eine grafik die ganzflächig einen zb. quietschrosa hintergrund hat (oder nach den tests in etwa die farbe deines hintergrundbildes -> antiAliasing!). dann gibst du an:

transparentBackground=1

und voilà! du hast nun zwar eine grafik vor dem hintergrundbild, aber der hintergrund ist transparent.

wenn du dich dann noch mit antialiasing spielen willst, probier ein paar andere hintergrundfarben. die effekte sind erstaunlich! :=)

wieso so umständlich?

ganz einfach: der gifbuilder nimmt mit der angabe 'transparentBackground=1' immer die farbe in der linken oberen ecke der hintergrundgrafik als transparentColor, defaultmässig. wenn du aber keine hintergrundgrafik hast, dann würfelts das ding leider ziemlich (das 'würfelverhalten' scheint auch ziemlich imgmagick abhängig zu sein). und wenn du eine hintergrundgrafik nimmst die transparent ist, interpretiert er das weiss, manchmal zumindest. und wenn du dann weisse schrift hast, wird die natürlich auch transparent dargestellt.
deswegen hats mit gifbuilder nicht auf anhieb geklappt.

lg bbb

Mango ·

Ich hatte fast die Hoffnung verloren. Es hat geklappt,- mann musste nur folgenden Code einfügen:

marks.DYNLOGO = IMAGE
marks.DYNLOGO.file= GIFBUILDER
marks.DYNLOGO.file {
XY = 500, 150

10 = IMAGE
10.file = fileadmin/template/images/head.gif
10.width = 500

20 = TEXT
20.text.field = subtitle // title
20.fontColor = black
20.fontFile = fileadmin/fonts/timesbi.ttf
20.fontSize = 36
20.niceText = 0
20.offset = 30, 40
}

Vielen Dank an alle Beteiligten. Super-Forum!