Anfänger-Tipp: News richtig auf der Seite ausrichten
Posted: Tue May 15, 2007 9:18 pm
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:
Leider fehlte im Detail-Template die Klassendefinition, so dass ich die auch eingefügt habe (2. Zeile):
Darum muss dann auch ans Ende des Templates das schließende Tag (vorletzte Zeile):
Jester
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;
}
Code: Select all
{if $entry->formatpostdate}
<div class="NewsPostDetail">
<div id="NewsPostDetailDate">
{$entry->formatpostdate}
</div>
Code: Select all
<div id="NewsPostDetailReturnLink">{$return_url}</div>
{/if}
</div>
<!-- End NewsDetail Display Template -->
Jester