Hallo,
mein Kunde möchte Teaserboxen für Artikel haben, (sollen rund umrandet sein sowie unterschiedliche Farbe haben je nach Kategorie).
Jetzt bin ich auf die Idee gekommen, man könnte vielleicht eine Box mittels Optionsplit wrappen:
tt_content.stdWrap.outerWrap = |###SPLITTER###
temp.content = COA
temp.content {
10 < styles.content.get
stdWrap.split {
token = ###SPLITTER###
cObjNum = 1 || 2 || 3 |*| 4 || 5 |*| 6 || 7
1.current = 1
1.wrap = <div class="blau">|</div>
2.current = 1
2.wrap = <div class="grün">|</div>
3.current = 1
3.wrap = <div class="rot">|</div>
4.current = 1
4.wrap = <div class="braun">|</div>
5.current = 1
5.wrap = <div class="orange">|</div>
6.wrap = <div class="schwarz">|</div>
6.current = 1
7.current = 1
}
}
Klappt auch ganz gut, aber das Problem hierbei ist, dass die Reihenfolge feststehen muss, in der die Farbreihenfolge kommt. :o Der Redakteur soll aber für jedes Content-Element entscheiden können, mit welcher Box das Content-Element umrandet werden soll.
Kann man irgendwie dem Redakteur eine Auswahlmöglichkeit im BE geben, sodass er das selbst entscheiden kann?
In der Teaser-Box muss ein kleines Bild einzufügen sein und 2 Zeilen Text sowie ein kleine Überschrift, die auf den Artikel verlinken soll (Anmerkung: mit den related_news von tt_news kam ich nicht weiter, deshalb versuch ichs jetzt mal mit tt_content.
Dieser Beitrag kam auch schon nah ran, funktioniete bei mir aber nicht.
#401352
Wär toll, wenn Ihr weiter wisst.
Grüsse
Keks
a) du könntest tt_news verwenden für teaser funktionen
b) eventl. verschiedene rähmen vergeben und diese per css ansprechen
Hallo Keks,
nimm wie in dem gelinkten Beispiel geschrieben - etwas weiter unten den Section-Frame. Damit kannst Du ein oder mehrere DIVs um ein Content-Element wrappen. Damit kannst Du z.B. 3 "Frames-Layouts" bzw. DIVs mit unterschiedlichen CSS Klassen anbieten. Dein Redakteur muß dann nur den entsprechenden auswählen.
Das oder die DIVs mußt Du dann nur noch entsprechend über CSS formatieren. Sollte eigentlich nicht allzu schwer sein.
Viel Glück!
Michael
OK, das mit dem wrappen verstehe ich. OK, ich habe das jetzt mit section_frame gemacht. Habe ich eingebunden. Aber die Formatierung der DIVs über CSS kapiere ich nicht.
Kannst Du etwas ausführlicher werden?
Hier übrigens die entsprechenden CSS:
#box {
float: left;
width: 389px;
padding: 0px 0px;
/*border: 1px solid #C8CDD2; */
background: #F5E5E5 url(randunten_389x400.gif) no-repeat bottom left;
}
#box dl {
float: left;
width: 377px;
margin: 0px 0px 0px 0px;
padding: 6px 6px;
disply: inline /* fixt den Bug der Randverdoppelung im IE/WIN */
}
#box dt {
float:right;
width: 241;
margin: 0 0 9px 0;
padding: 0;
font-size: 63%;
font-weight: bold;
font-family: Verdana;
color: #990000;
}
#box dd {
margin: 0 0 0 132px;
padding: 0;
font-size: 63%;
font-family: Verdana;
line-height: 1.05em;
color: #990000;
}
#box dl dd.img {
margin: 0;
}
#box dd.img img {
float: left;
margin: 0 8px 0 0;
padding: 0px;
border: 2px solid #990000;
}
/* umgekehrter Float */
#box .alt dt {
float:left;
}
#box .alt dd {
margin: 0 120px 0 0;
}
#box .alt dd.img img {
float: right;
margin: -3 4 0 8px;
}
/* Randoben */
#box .randoben {
margin: 0;
line-height: 0.1em;
background: url(randoben_389x3.gif) no-repeat top left;
}
/* Float für Titelstory */
#box .titelstory dt {
width: 186;
}
#box .titelstory dd {
margin: 0 0 0 191px;
}
#box .titelstory dd.img img {
margin: -3 8 0 4px;
}
/* Float für Textbox */
#box .textbox dt {
width: 186;
font-size: 75%;
}
#box .textbox dd {
margin: 0 0 0 0px;
}
#box .textbox dd.img img {
margin: -3 8 4 4px;
}
Der HTML-Code des Templates ist:
<div id="box">
<p class="randoben"></p>
<dl class="titelstory">
<dt>Überschrift</dt>
<dd class="img">Hier solll das Bild erscheinen</dd>
<dd>Hier steht der Text</dd>
</dl>
</div>
<br clear="all" />
Das DIV produziert einen Kasten mit abgerundeten Ecken.
Also meine Fragen:
1. Wie baue ich denn dieses Monster-DIV in den wrap ein. Kann ich auf eine externe Datei verweisen?
2. Also die CSS habe ich ja nun. Ich könnte z.B.
Wie geht denn das nun mit dem Ansprechen der entsprechenden CSS-Klasse aus dem HTMLArea RTE? Alle Tutorials habe ich durchgearbeitet, aber es will nicht funzen.
3. Ist die Idee mit der Liste eine gute oder baut Ihr einen Kasten mit abgerundeten Ecken anders? Als statisches HTML sieht alles toll aus, aber TYPO bringt mir einiges durcheinander...
Freue mich über Antwort.
Gruss
Keks