Ja, stimmt, ich hatte mich vorhin nur blöd ausgedrückt.
Artikelbox - Herobox auch für den WoltLab Blog möglich?
-
-
- Teambeitrag
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.
-
Nur Versuch macht klug! Ich habe den CSS-Code mal bei mit getestet. Tom Das geht sicher besser – oder?
Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. -
- Teambeitrag
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.
-
Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Aber schon mal besser optisch!
-
Aber schon mal besser optisch!
Das sieht so tatsächlich besser aus.

-
- Teambeitrag
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
-
- Teambeitrag
Habe den Code oben aktualisiert, bitte die Kommentare lesen.
Mit dem neuen Code sollte es besser funktionieren nur eine Zeile Vorschau anzuzeigen.
Mehr als eine Zeile würde ich nicht machen da man nicht weiß wie der HTML-Code an der Stelle aussieht.
-
Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Ja jetzt sieht das richtig gut aus!
-