News-Template: Grafik statt weiterlesen

[Thanatos]

Hallo,

Im Template "New latest" möchte ich gerne, dass nach dem letzten Wort im Teaser ein kleines graphisches Icon anstelle des weiterlesen Links erscheint. Das klickbare Icon habe ich hinbekommen. Leider ist es nicht im gleichen Div wie der Teaser.

Meine news_latest sieht so aus:

<div class="layout_latest block<?php echo $this->class; ?>">
<?php if ($this->hasMetaFields): ?>
<p class="info"><?php echo $this->date; ?> <?php echo $this->author; ?> <?php echo $this->commentCount; ?></p>
<?php endif; ?>
<?php if ($this->addImage): ?>
<div class="image_container<?php echo $this->floatClass; ?>"<?php if ($this->margin || $this->float): ?> style="<?php echo trim($this->margin . $this->float); ?>"<?php endif; ?>>
<?php if ($this->href): ?>
<a href="<?php echo $this->href; ?>"<?php echo $this->attributes; ?> title="<?php echo $this->alt; ?>">
<?php endif; ?>
<img src="<?php echo $this->src; ?>"<?php echo $this->imgSize; ?> alt="<?php echo $this->alt; ?>" />
<?php if ($this->href): ?>
</a>
<?php endif; ?>
<?php if ($this->caption): ?>
<div class="caption"><?php echo $this->caption; ?></div>
<?php endif; ?>
</div>
<?php endif; ?>
<h2><?php echo $this->text ? $this->linkHeadline : $this->newsHeadline; ?></h2>
<p class="teaser"><?php echo $this->teaser; ?><p class="more"><?php echo $this->more; ?></p>
<?php if ($this->text): ?>
<?php endif; ?>
</div>

Ist das jetzt nur noch eine Sache des CSS? Vielen Dank für eine Hilfestellung!

[K4nndoo]

Hi,
Was meinst du mit gleichem div das kann mann sich nich so gut vorstelllen
kannst du mal bitte n screen oder link posten?

[BugBuster]

Wenn ich mich recht erinnere, habe ich damals über die langconfig.php die "weiterlesen" Angabe einfach mit dem img-Tag überschrieben, also gar nichts am Template geändert.
Gilt dann natürlich für die gesamte Installation.

Kurze Forumsuche..., gefunden:

$GLOBALS['TL_LANG']['MSC']['more']  = '<img alt="Weiterlesen" src="tl_files/bilder/weiterlesen.png">'; 

Anwendungsbeispiel: Auf meiner ncc1969.de Seite, links unten

Edit: Wobei ich grad nicht aus der Ferne erkenne, ob es dasselbe Template betrifft.

[Thanatos]

Hi,
Was meinst du mit gleichem div das kann mann sich nich so gut vorstelllen
kannst du mal bitte n screen oder link posten?

Vielen Dank für eure Hilfe, hier mal ein Screenshot wie es im Moment aussieht. Ich möchte den Pfeil neben dem letzten Wort haben. Also in der gleichen Zeile wie der Fließtext...

[m.koell]

Hallo Michael,

dass sich der Link nicht im gleichen Div wie im Teaser-Absatz befindet hast Du richtig festgestellt. Glücklicherweise stand ich gestern vor genau dem gleichen Problem und fragte mich, warum das so ist? Leider habe ich darauf keine Antwort aber einen Lösung, wie ich diesen "Fehler" umgehe. Vielleicht kann Dir dazu meine Template-Datei hilfreich sein. In den letzten Zeilen findet sich eine Funktion (substr), die den Link vor dem abschließenden Tag hineinlegt. Das ließe sich doch hervorragend an Deine Wünsche anpassen.

[BugBuster]

Hallo Michael,
in deinem Template hast du zwar das schließende p Tag vom Teaser rausgenommen, das öffnende des Links aber drin gelassen.

Ändere den (original) Abschnitt von:

<p class="teaser"><?php echo $this->teaser; ?></p>
<?php if ($this->text): ?>
<p class="more"><?php echo $this->more; ?></p>
<?php endif; ?>

nach

<p class="teaser"><?php echo $this->teaser; ?>
<?php if ($this->text): ?>
<span class="more"><?php echo $this->more; ?></span>
<?php endif; ?>
</p>

Das <p> vom Link auf <span> geändert und den schließenden </p> Tag ans Ende verschoben. Wenn nun die span .more css Angabe stimmt, sollte das passen.

[Thanatos]

Hallo BugBuster,

danke für die Hilfe! Hat funktioniert!

[djo]

Hallo - hat jemand schon einmal die Erweiterung [semidynamic] hierfür getestet?

Die scheint mir was ganz was feines zu sein. ;-)

Liebe Grüße,
Daniel

[Andreas]

semidynamic hat zu dem Thread hier keinen Bezug.

[djo]

Sorry,

das kommt davon, wenn man mehrere Tabs mit Threads offen hat. Hat hier absolut nichts verloren - tut mir Leid.

Beste Grüße