tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/791-vision-template-news_image_teaserhtml5
RockSolid Themes: Discussion
2013-08-23T10:55:55Z
tag:help.rocksolidthemes.com,2012-07-23:Comment/28378461
2013-08-22T07:34:22Z
2013-08-22T07:34:22Z
Vision - Template news_image_teaser.html5
<div><p>Vielen Dank für Ihre Frage.</p>
<p>Mit der nächsten Theme-Version (1.1.2) wird der News-Teaser
verbessert. Verändern Sie den Bereich von <code><p
class="teaser"></code> bis <code></p></code>
folgendermaßen:</p>
<pre>
<code class="html"><div class="teaser">
<?php
if ($this->teaser) {
echo $this->teaser;
}
else if ($this->text) {
echo '<p>';
$text= strip_tags($this->text);
if (strlen($text) >= 200){
echo substr($text, 0, strpos($text," ",200))."...";
} else {
echo $text;
}
echo '</p>';
}
?>
</div></code>
</pre>
<p>In der Datei <em>main.css</em> ändern Sie bitte das CSS wie
folgt:</p>
<pre>
<code class="css">#content .mod_newslist .teaser,
#content .mod_newsarchive .teaser {
width: 69.23077%;
float: right;
margin: 24px 0 6px;
}
#content .mod_newslist .teaser p,
#content .mod_newsarchive .teaser p {
margin: 0;
}</code>
</pre></div>
RockSolid Themes
tag:help.rocksolidthemes.com,2012-07-23:Comment/28378461
2013-08-22T20:38:10Z
2013-08-22T20:38:13Z
Vision - Template news_image_teaser.html5
<div><p>wie ist das im SCSS? So vielleicht?</p>
<pre>
<code>#content .mod_newslist, #content .mod_newsarchive {
article {
margin: 12px 0 0;
padding: 12px 0;
border-top: 1px solid $border-medium;
}
h1 {
margin-bottom: 0;
font-weight: normal;
a {
color: $font-color;
text-decoration: none;
&:hover {
color: $link-color;
text-decoration: underline;
}
}
}
img {
width: 100%;
height: auto;
margin-top: 12px;
border: 4px solid $border-medium;
@include box-shadow(0 1px $border-dark);
}
.info {
width: col(4, 13);
float: left;
font-size: 12px;
line-height: 21px;
.date, .author, .comment-count {
display: block;
}
em, .comment-count {
color: $font-color-light;
text-transform: capitalize;
}
}
.teaser {
width: col(9, 13);
float: right;
margin: 24px 0 6px;
p {
margin: 0;
}
}
.more {
margin-left: col(4, 13);
}</code>
</pre>
<p>}</p>
<p>Was ist mit der 200er Begrenzung für den Teaser?</p></div>
Maik
tag:help.rocksolidthemes.com,2012-07-23:Comment/28378461
2013-08-23T10:55:54Z
2013-08-23T10:55:54Z
Vision - Template news_image_teaser.html5
<div><p>Ihr SCSS-Code scheint korrekt zu sein, zusammengefasst sollte
das SCSS des Teasers folgendermaßen aussehen:</p>
<pre>
<code class=
"scss">#content .mod_newslist, #content .mod_newsarchive {
...
.teaser {
width: col(9, 13);
float: right;
margin: 24px 0 6px;
p {
margin: 0;
}
}
...
}</code>
</pre>
<p>Die 200-Zeichen-Begrenzung betrifft nur den Text, falls kein
Teaser eingegeben wurde.</p></div>
RockSolid Themes