html code:
<a rel="titel" href="http://seitenurl"><img style="border-width:0" src="http://bildurl" width="(breite)" height="(höhe)" alt="" /></a>
warum ist das mit TS so kompliziert?
hier mein TS code, für die grafik, die als link fungieren soll:
page {
typeNum = 0
stylesheet = fileadmin/style.css
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks{
LOGO = IMAGE
LOGO.file = GIFBUILDER
LOGO.file{
XY = 110, 110
backColor = #FF4A12
10 = TEXT
10.text = Text1
10.offset = 5,37
10.fontSize = 25
10.fontFile = fileadmin/fonts/arialbd.ttf
10.fontColor = #FEF6E2
10.niceText = 1
/*geht nicht:*/ 10.stdWrap.typolink.parameter = 23
20 < .10
20.text = Text2
20.offset = 15,67
30 < .20
30.offset = 25,97
}
Und der dazu gehörende Abschnitt im Template
<html>
<head>
<title>Seitentitel</title>
<link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
</head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="container">
<div id="header">
###LOGO###
</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
23 ist die ID, die ich referenzieren will.
Das hier hat auch nicht funktioniert.
TSRef hilft:
LOGO.stdWrap.typolink.parameter = 23
Hallo,
das ist jetzt aber schon unfair, so zu vergleichen. Weil um das gleiche zu bekommen ists auch nicht sooo komplex in TYPO3:
lib.image = IMAGE
lib.image {
file = bildurl
stdWrap.typolink.parameter = http://seitenurl
}
dein TS macht ja ungleich mehr: template parsen, ganzes html gerüst erstellen, ein dynamisches bild generieren
Vielen Dank für eure Antworten, leider ist der Server seit einigen Stunden down und ich konnte eure Vorschläge noch nicht ausprobieren.
Weil ich hier grad schonmal im Anfängerforum bin, noch eine andere Frage:
Wenn ich eine Überschrift erzeuge und die dann über das Layout auswähle, kann ich das dadurch erzeugte Bild irgendwie in der Mitte des Einbindenden Objektes platzieren?
In meinem Konkreten Beispiel will ich diese Überschrift für die SINGLE ansicht des News Plugins verwenden. das news plugin soll in der single ansicht im dokument den marker ###MITTE### ersetzen, der sich an der colPos=0 befindet. Mit dem TS was folgt, wird die Überschrift immer links angezeigt. ich habe schon ein bisschen mit den Parametern XY und offset herumgespielt, aber die haben immer nur die Zeile größer gemacht, den Text links gelassen und dazu noch abgeschnitten. außerdem würde ich das gerne relativ machen, nicht mit absoluten werten wie [10.w]+10,22. Am liebsten hätte ich es so, dass das SINGLE objekt sich von colPos = 1 bis colPos = 2 erstreckt, so dass ein Eintrag immer die gesamte spalte colPos = 0 einnimmt und die überschrift in dieser Spalte mittig angeordnet ist. also anstelle von [10.w] sowas wie [colPos = 0.w].
lib.stdheader.10.5 = IMAGE
lib.stdheader.10.5{
file = GIFBUILDER
file {
XY = [10.w]+10, 22
backColor = #f1c5d1
10 = TEXT
10.text.field = header
10.fontFile = fileadmin/fonts/arialbd.ttf
10.fontColor = #c8c8c8
10.fontSize = 15
10.niceText = 1
10.offset = 1, 18
}
EDIT:
hab's jetzt etwas unschön hinbekommen allerdings nur mit absoluten werten. sieht jetzt zwar so aus wie ich's haben will, is aber leider schlecht. wenn irgendjemand eine idee zum relativen Zentrieren einer dynamisch erzeugten Grafik hat, bitte melden!
Du vermischt da irgendwie verschiedene Dinge. In deinem HTML Template (das einzig und alleine die Aufteilung deiner Seite definiert) hast du Marker und diese Marker werden ersetzt durch was immer du möchtest (und im TS definieren kannst). Insofern kann es keinen Marker geben, der sich an einer colPos befindet. Es kann sein, dass du beim Marker ###MITTE### den Content deiner Seite aus der colPos 0 anzeigen lässt. Was du damit meinst, dass sich dein SINGLE News Plugin über colPos 1 udn colPos 2 erstrecken soll, bleibt mir schleierhaft, zumal wir ja nicht dein gesamtes HTML + TS kennen. Wie wärs für den Anfang, wenn du das Bild das dir der Gifbuilder erzeugt mit text-align: center positionierst?
Grüße
Christian
Kitsunet schrieb
Was du damit meinst, dass sich dein SINGLE News Plugin über colPos 1 udn colPos 2 erstrecken soll, bleibt mir schleierhaft, zumal wir ja nicht dein gesamtes HTML + TS kennen.
meine seite ist ungefähr so aufgebaut:
###top###
###topmenu###
###menu###|###content###|###liste###
colPos=1 | colPos=0 | colPos =2
Ich dachte, das mit den spalten wäre vorgegeben... ist wohl nicht so, aber so sieht's bei mir aus. naja, is eigentlich klar, dass das nich vorgegeben is, ich muss die colPos ja in den markern definieren. bin halt noch noob 🙂 aber da soll halt die überschrift genau so breit sein, wie die gesamte spalte null, also von 1 bis 2.
Kitsunet schrieb
Wie wärs für den Anfang, wenn du das Bild das dir der Gifbuilder erzeugt mit text-align: center positionierst?
also wird ein bild, das aus text mit dem gifbuilder entstanden ist immer noch als text verarbeitet?
Nein, ein Bild ist ein Bild und wird als img Tag im HTML verbaut, aber ein img ist normalerweise ein inline-Element und wird daher von text-align betroffen.
Theoretisch klappt es. also wenn ich text-align in die div klasse einbinde, dann wird die grafik mittig angezeigt. allerdings wirkt sich das natürlich auf alle anderen elemente, die in einem div container sind, auch aus, was also die gesamte webseite ist.
wenn ich das text-align allerdings in die img klasse einbinde tut sich gar nichts.
wenn ich mir das grafik element mit firebug angucke, dann sehe ich das die klasse, die ich eigentlich bearbeiten will csc-header csc-header-n1 heißt. die finde ich allerdings nirgends in meinem stylesheet. wie kann ich die denn bearbeiten?
Du schreibst Sie in dein Stylesheet rein!
Yaaaaay!
Also falls noch mal irgendjemand das gleich problem haben sollte, hier die Beschreibung und die Lösung:
Es wurde mithilfe des GIFBuilders eine Überschrift kreiert, die mittig ausgerichtet werden soll. Ein blick auf dieses element im Frontend zeigt an, wie der div bereich heißt, in dem dieses Element enthalten ist.
Diesen Namen des div Bereichs notieren, und im TS Objectbrowser lokalisieren. dort einfach die gewünschten modifikationen eintragen.
lib -> stdheader -> datawrap