Druckbare Version
Hallo Typolight Fans,
Auf http://www.computino.de/anleitung/ty...-anpassen.html kann man eine kurze Anleitung lesen wie man Bildunterschriften Dynamisch macht. Bisher hat das bei mir auch wunderbar mit ce_image.tpl und ce_image_fullsize.tpl geklappt. Irgendwie hänge ich aber jetzt an ce_gallery_fullsize.tpl ... Ich weiß nicht wie und wo ich den Codeschnipsel dort platzieren soll. Weiß jemand Rat?
HI
da ich dieses Problem auch mit TL 2.8 RC2 hatte hat Leo nun eine Variable eingebaut, mit der man die Bildunterschrift auch begrenzen kann. Außerdem ist in der neuen TL-Version nur noch ein derartiges Template vorhanden.
Sebastian
Gibt es keine Lösung für 2.7? Ich möchte bei einer Produktiven Umgebung ungern auf ein RC umsteigen. Kann ich nicht irgendwie das ce_gallery_fullsize.tpl Template anpassen?
HI
auf der Website steht doch geschrieben, dass es dort auch funktioniert. Was ist denn das Problem, und warum sollte es da nicht funktionieren?
Sebastian
EDIT:Zitat:
Irgendwie hänge ich aber jetzt an ce_gallery_fullsize.tpl ... Ich weiß nicht wie und wo ich den Codeschnipsel dort platzieren soll.
Okay jetzt klappt es. Anbei mal das komplette Template:
Neu sind die Zeilen:PHP-Code:<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<table cellspacing="0" cellpadding="0" summary="Image gallery">
<tbody>
<?php foreach ($this->body as $class=>$row): ?>
<tr class="<?php echo $class; ?>">
<?php foreach ($row as $col): ?>
<?php if ($col['hasImage']): ?>
<?php
// Breite des Bildes rausfinden, auch image_container beschneiden
$width = preg_match('/^ width="([0-9]+)".*/', $col['imgSize'], $found);
$width = $found[1];
$width = $width - 2;
?>
<td class="<?php echo $col['class']; ?>" style="width:<?php echo $col['colWidth']; ?>;"><div class="image_container"<?php if ($col['margin']): ?> style="<?php echo $col['margin']; ?>"<?php endif; ?>><a href="<?php echo $col['href']; ?>" rel="lightbox[<?php echo $this->lightboxId; ?>]" title="<?php echo $col['alt']; ?>"><img src="<?php echo $col['src']; ?>"<?php echo $col['imgSize']; ?> alt="<?php echo $col['alt']; ?>" /></a><?php if ($col['caption']): ?><div style="width:<?php echo $width;?>px" class="gal_caption"><?php echo $col['caption']; ?></div><?php endif; ?></div></td>
<?php else: ?>
<td class="<?php echo $col['class']; ?> empty"> </td>
<?php endif; ?>
<?php endforeach; ?>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php echo $this->pagination; ?>
</div>
undPHP-Code:<?php
// Breite des Bildes rausfinden, auch image_container beschneiden
$width = preg_match('/^ width="([0-9]+)".*/', $col['imgSize'], $found);
$width = $found[1];
$width = $width - 2;
?>
Ich habe bewusst die klasse gal_caption gewählt. Somit kann ich Galerie Bilder separat stylen. zb so:PHP-Code:<div style="width:<?php echo $width;?>px" class="gal_caption">
Das war es auch schon ... :cool:HTML-Code:.gal_caption
{
background-color: black;
color: #fff;
font-size:95%;
margin-left: 5px;
margin-top:-6px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
text-align:center;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
}
HI
na das ist doch fein. Und ab TL 2.8 wird es dann einfacher, weil die Zahl der Templates drastisch reduziert worden ist.
Sebastian
Jetzt muss ich doch mal fragen ... Ich hab das System auf 2.8.1 geupdatet. Die Templates werden ja jetzt nicht mehr benutzt. Wie und wo stelle ich jetzt die dynamischen Bildunterschriften ein?
Bin ich wirklich der einzige der dieses Problem hat? Eigentlich müsste das doch Standardmäßig so sein das die Bildunterschriften an die Breite angepasst werden. Ich meine so sieht es einfach nur beschissen aus:
http://img693.imageshack.us/img693/1...20100307ux.png
Wie kann ich die Bildunterschriften (Caption) dynamisch machen (Typolight 2.8.1) ?
Hallo TheGeek,
nein, Du bist mit Sicherheit nicht der Einzige, der das Problem hat, ich auch. Und auch ich habe keine Lösung parat, leider.Zitat:
Zitat von TheGeek
Gruß Detlev
HI
die Frage ist doch eher, warum ist das so schmal. Die Bildunterschrift steht im Standardtemplate in einem Absatz (<p>), das ist ein Blockelement, und somit so breit wie das Elternelement.
Es liegt also an deinem CSS, dass die Bildunterschrift so schmal ist. Aber ohne Link wird es schwer.
Sebastian
Soo nun gehts.
Zwei Dinge hab ich verändert. Einmal die Klasse .ce_gallery .caption und die Klasse .ce_text .caption habe ich an meine Bedürfnisse angepasst. So sah die Caption in der Galerie schon mal vernünftig aus. Fehlten jetzt nur noch die ce_text Sachen.
Zweitens habe ich das template ce_text.tpl in zeile 22 ein bisschen angepasst:
Wenn das auch noch besser geht nehme ich Kritik gerne entgegen. Aber sonst läuft es erst einmal.PHP-Code:<div class="caption" style="width:<?php echo substr($this->imgSize, 8, 3); ?>px;"><?php echo $this->caption; ?></div>
O.K. Ich habe 2.8.Zitat:
Zitat von Sebastian
Wie und wo setze ich die Variable denn ein wenn ich möchte dass die Bildunterschrift nur so breit ist wie das Bild selbst. Ich hätte gerne, dass die Bildunterschrift einen Zeilenumbruch erzwingt wenn die Unterschrift breiter als das Bild ist.
Kannst Du mir das anhand eines Beispiels erläutern?
Da ich es auch gerade eingesetzt habe:
Ab der 2.8 reicht das, um die Caption auf die Breite des Bildes zu begrenzen:
PHP-Code:<div class="caption" style="width:<?php echo $this->arrSize[0]; ?>px;">
Aha. Und die Zeile ersetze ich wo? Muss ich die in allen .tpl Dateien einbinden die Bilder darstellen?
Das würde mich auch interessieren.Zitat:
Zitat von flexx
Sollte das nicht standardmäßig im Core eingebaut sein?
Aber feine Lösung.
Gruß
Thomas
Dann stellt doch mal nen Feature Request ;-)Zitat:
Zitat von tblumrich
Dafür gibts ja das Ticket System -> http://https://contao.org/
Ich kann gut verstehen, das es nicht gerade freude macht so viele Templates erst mal anzupassen (überhaupt schon rausfinden wo die das alles drinn ist *g*).
Viele Grüße
Ja, schon klar. ;)Zitat:
Zitat von MacKP
Mir gings primär aber auch darum, wo im System das überhaupt hin muss...
Gruß
Ja. Genau. Schließe mich da an.
Ich würde mir die Arbeit ja machen wenn ich wüsste wo...
also von Ninas Beispiel ausgehend nachgesucht finde ich:Code:<div class="caption"
Ob das nun wirklich alles Bilduntertitel sind, müsste nun noch geprüft werden.Code:system/modules/calendar/templates/event_full.tpl
system/modules/faq/templates/mod_faqreader.tpl
system/modules/frontend/templates/ce_hyperlink_image.tpl
system/modules/frontend/templates/ce_text.tpl
system/modules/frontend/templates/ce_image.tpl
system/modules/frontend/templates/mod_random_image.tpl
system/modules/frontend/templates/ce_accordion.tpl
system/modules/frontend/templates/gallery_default.tpl
system/modules/news/templates/news_latest.tpl
system/modules/news/templates/news_full.tpl
Hallo zusammen,
so ganz gelöst ist das Problem noch nicht.
Was mache ich, wenn ich der Bildunterschrift eine Hintergrundfarbe zugewiesen habe und rechts und/oder links ein padding zuweise?
Dieses wird ja zur Bildbreite addiert, somit ist die Bildunterschrift wieder breiter als das Bild.
Hat jemand hierfür einen Lösungsansatz?
umsteiger
Doch gelöst: Einfach in das <div ="caption"> noch ein <p> einfügen und dieses mit padding formatieren. Warum diese Begrenzung der Breite der Bildunterschrift allerdings nicht standardmäßig eingebaut ist, ist mir ein Rätsel. Denn Bildunterschriften, die breiter als das Bild sind, sehen in 99% der Fälle sehr bescheiden aus.