Anfänger-Tipp: News richtig auf der Seite ausrichten

[jester]

Das News-Modul prinzipiell zu verwenden ist ja denkbar einfach - nur leider war die Darstellung sowohl der News-Zusammenfassung als auch der Einzelbeiträge bei mir unter Verwendung des flowered-Templates an den linken Rand gequetscht.

Ich musste etwas suchen, um alle Schräubchen zu finden, an denen ich drehen musste, also denke ich mir, dass meine Änderungen auch für andere Anfänger hilfreich sein dürften:

Zunächst mal habe ich in den News-Templates (bzw. im Quellcode der Seiten) nach den Klassen gesucht, die für die Formatierung zuständig sind. Dann habe ich den Code im Stylesheet um folgende Zeilen erweitert:

Code: Select all

/*News-Formatierung*/

.NewsSummary {
text-align: left;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px;
margin-top: 20px;
padding-right: 50px;
padding-left: 50px;
}

.NewsPostDetail {
text-align: left;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px;
margin-top: 20px;
padding-right: 50px;
padding-left: 50px;
}

Leider fehlte im Detail-Template die Klassendefinition, so dass ich die auch eingefügt habe (2. Zeile):

Code: Select all

{if $entry->formatpostdate}

<div class="NewsPostDetail">

	<div id="NewsPostDetailDate">
		{$entry->formatpostdate}
	</div>

Darum muss dann auch ans Ende des Templates das schließende Tag (vorletzte Zeile):

Code: Select all

<div id="NewsPostDetailReturnLink">{$return_url}</div>
{/if}

</div>

<!-- End NewsDetail  Display Template -->

Jester

[cyberman]

Besten Dank für die Schräubchensuche ...