Ja, stimmt, ich hatte mich vorhin nur blöd ausgedrückt.
Artikelbox - Herobox auch für den WoltLab Blog möglich?
-
-
Hier der Code:
CSS
Alles anzeigen/* WoltLab Blog Artikel Box */ #content { .boxContent .blogEntryList { display: flex; @include screen-lg { .contentItemSingleColumn { flex-basis: calc(100% / 3 - 20px); } } @include screen-sm-md { .contentItemSingleColumn { flex-basis: calc(50% - 20px); } } @include screen-xs { .contentItemSingleColumn { flex-basis: calc(100% - 20px); } } .contentItemLink { position: relative; .contentItemContent { position: absolute; bottom: 0; right: 0; left: 0; top: initial; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); .contentItemTitle { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .contentItemCategory { color: rgba(255,255,255,0.7); } .contentItemTitle { color: #fff; } .contentItemDescription { color: rgba(255,255,255,0.7); white-space: nowrap; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: left; /* display: none; */ /* Optional um die Vorschau komplett auszublenden */ > p:first-child { display: none; } > p:last-child { display: none; } } } .contentItemImageLarge { min-height: 175px; /* Höhe des Bildes ändern / Standard 150px */ } } .contentItemOptions { display: none; } } }
-
Super! Vielen Dank.
Ich probiere den Code aus, sobald mein Forum wieder online ist und ich dann das Upgrade auf das WSC 6 geschafft habe.
-
-
Nicht so richtig, darum gibt es optional in Zeile 46:
/* display: none; */ /* Optional */
um die Vorschau ganz auszublenden:
display: none;
Dann steht nur der Titel da.
Das Template ist leider komisch, zum einen steht der Inhalt einfach so in einem Container drin, da ist kein <p> oder <span> oder irgend was drin, zum anderen wird da eine Leerzeile mit HTML-Code erzeugt:
<p><br></p>
Alles in allem nicht schön.
-
Aber schon mal besser optisch!
-
Aber schon mal besser optisch!
Das sieht so tatsächlich besser aus.
-
Habe mal ein Auge darauf geworfen, dem Blog fehlt eine Art Teaser der nur Text ausgibt, an der Stelle wird immer HTML verwendet was unschöne Absätze usw. ergibt. Aber ich denke man kann das noch per CSS hinbiegen, muss ich mir mal im Detail angucken.Bis dahin am besten die Vorschau ausblenden.Edit:
Code aktualisiert
-
-
Ja jetzt sieht das richtig gut aus!