Zum Inhalt springen

Fromatierung von News-Elementen

Erstellt am 4. Juli 2007 · 5 Antworten · letzte Antwort am 11. Dezember 2007

Tags: tt_news, HTML & CSS, Frage

just2b ·

per css und im template.

einfach ein div um die einzelnen beiträge und mit float:left ausrichten lassen

georg
PS: für tt_news gibt ne eigene forumkategorie

red-trombone ·

Hi,

danke für den Tipp.
Das heißt ich muss für die Startseite ein eigenes Template machen?
Und da dann schon 3 Div's anlegen und jedesmal das Plugin tt_news einfügen? Wie bekomme ich dann drei verschiedene Beiträge rein?

Hm doof, dass ich hier ins falsche Forum gepostet hab, tut mir leid 🙁

Gruß,
Flo

just2b ·

nö im template von tt_news einfach die divs machen!
schau dir doch bitte einfach mal die ext an und probiers aus

georg

ManuP ·

Hi Red-Trombone,

hier noch mal der HTML-Code in ordentlicher Schreibweise (nicht so wie im StudiVZ) #giggle#

<div class="news-latest-container">
 <div class="news-latest-item">
  <strong>Titel 1.</strong><br />
  <p>Text.</p>
 </div>
 <div class="news-latest-item">
  <strong>Titel 2.</strong><br />
  <p>Text.</p>
 </div>
 <div class="news-latest-item">
  <strong>Titel 3.</strong><br />
  <p>Text.</p>
 </div>
</div>

Und die CSS wie folgt:

.news-latest-container {width:600px;}
.news-latest-item {width:200px; float:left; clear:right;}

Wie gesagt einfach mal die Vorlage tt_news_v2_template.html aus dem tt_news/pi/-Ordner in den fileadmin-Ordner lade und dort den Code reinpacken.

Und dann entweder im TS per

plugin.tt_news {
  templateFile = layout/news_template.html
}

einbinden oder direkt im Plugin.
Viel Erfolg,

der Manuel

red-trombone ·

Hallo Manuel,

danke für deine ausführliche Hilfe, ich habs nun mal reinkopiert und bisschen geändert. Nun siehts so aus o.O :
http://ff-pfaffenhofen.w9r.de/

Wie bekomme ich jetzt die dreifachen Einträge weg und das Ganze nebeneinander? Und vor allem wieder schön neben meine Menüleiste?

<!-- ###TEMPLATE_LATEST### begin
	This is the template for the latest news, typically displayed on a frontpage 
-->
<div class="news-latest-container">
	<h2>###LATEST_HEADER###</h2>
	<!-- ###CONTENT### begin
		  This is the part of the template substituted with the list of news: 
	-->
		<!-- ###NEWS### begin 
			Template for a single item 
		-->
			  <div class="news-latest-container">
                <div class="news-latest-item">###NEWS_TITLE###
                  <p>Text.</p>
 </div>
                <div class="news-latest-item">###NEWS_TITLE###
                  <p>Text.</p>
 </div>
                <div class="news-latest-item">###NEWS_TITLE###
                  <p>Text.</p>
 </div>
 
		<!-- ###NEWS### end-->		
	<!-- ###CONTENT###  end -->
<div class="news-latest-gotoarchive"><!--###LINK_ARCHIVE###-->###GOTOARCHIVE###<!--###LINK_ARCHIVE###--></div>
</div>
<!-- ###TEMPLATE_LATEST### end -->

Gruß,
Florian