1. Weiterleitung zu NetzLiving.de
  2. Forum
    1. Unerledigte Themen
  3. zum neuen Forum
  • Anmelden
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

WBB Artikel umbauen

    • HTML & CSS
    • Frage
  • Akrep
  • 31. Dezember 2024 um 03:08
  • Erledigt
Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!
  • Akrep
    Punkte
    798
    Beiträge
    132
    • 31. Dezember 2024 um 03:08
    • #1

    Hallo InfoForum,

    ich benötige eure Hilfe. Ich verwende das aktuellste WBB Core Version mit dem Artikelsystem. Ich möchte gerne, dass die Artikel nicht nebeneinander sind sondern untereinder gegliedert werden. Kann man das mit Hilfe von CSS umbauen? Gibt es dafür die Möglichkeit?

    Benötige eure Hilfe, vielen Dank.

  • Zur hilfreichsten Antwort springen
  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 31. Dezember 2024 um 04:20
    • #2

    Wie meinst du untereinander? Und wo?

    Kannst du das vielleicht anhand eines Screenshots und evtl einen Link zu einer Ansicht erklären?

    Dann könnte man sich das mal anschauen.

  • Akrep
    Punkte
    798
    Beiträge
    132
    • 31. Dezember 2024 um 04:46
    • #3
    Blog - WoltLab®
    www.woltlab.com

    Auf dieser Seite sind z.B. die einzelne News untereinander (wobei hier WBB nicht das Artikelsystem sondern das Blogsystem in Benutzung haben).

    Möchte die Seite so umbauen, dass es in etwa so aussieht:

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 31. Dezember 2024 um 04:54
    • #4

    Woltlab verwendet das normale Artikelsystem auf ihrer Seite.

    Aber ohne das jetzt Mal zu sehen wie es normalerweise aussieht und wie du es etwa haben willst, kann man schlecht jetzt schauen.

    Außer du meinst das das mit dem Bild links und Rest rechts immer so sein sollte.

  • Akrep
    Punkte
    798
    Beiträge
    132
    • 31. Dezember 2024 um 04:56
    • #5

    Richtig.. links das Bild und rechts der Rest.

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 31. Dezember 2024 um 10:29
    • #6

    Schätze tpl files bearbeiten oder im Quelltext schauen ob das im grid oder mit flex gemacht wurde. Hab leider kein wbb ..

    Aus meiner damaligen Zeit kenne ich nur ein Plugin womit du custom css in die Seite einlenken kannst. Darüber habe ich immer viel angepasst. Ansonsten musst du nen child theme machen und die tpl files bearbeiten. Glaube das heißt bei wbb template Gruppen.

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 31. Dezember 2024 um 17:37
    • Hilfreichste Antwort
    • #7
    Zitat von evarioo

    Hab leider kein wbb ..

    Brauchts nicht für ne Sache vom Core ^^.


    Ansonsten, mal eben auf meiner Test-Instanz für das sehr gut gepflegte Plugin herumgespielt, wenn es so passt wie beim ersten Post:

    CSS
    .contentItemList {
    	flex-direction: column;
    }
    
    .contentItemLink {
    	display: flex;
    }
    
    .contentItemImage {
    	width: 30%;
    }
    
    .contentItemContent {
    	width: 70%;
    }
    Alles anzeigen


    Live hier zu sehen:

    Artikel - WSC Test Instanz


    Default Ansicht -> WSC Standard Stil auswählen

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 31. Dezember 2024 um 17:52
    • #8
    Zitat von Syntafin

    Brauchts nicht für ne Sache vom Core ^^.

    Hatten wir schonmal ... hab damit mehr oder weniger gemeint das ich halt keines habe .. :) reg dich nicht auf ;) nicht wegen mir haha

  • Akrep 1. Januar 2025 um 03:51

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • Akrep
    Punkte
    798
    Beiträge
    132
    • 1. Januar 2025 um 03:51
    • #9
    Zitat von Syntafin

    Brauchts nicht für ne Sache vom Core ^^.


    Ansonsten, mal eben auf meiner Test-Instanz für das sehr gut gepflegte Plugin herumgespielt, wenn es so passt wie beim ersten Post:

    CSS
    .contentItemList {
    	flex-direction: column;
    }
    
    .contentItemLink {
    	display: flex;
    }
    
    .contentItemImage {
    	width: 30%;
    }
    
    .contentItemContent {
    	width: 70%;
    }
    Alles anzeigen


    Live hier zu sehen:

    https://wsc.syntafin.dev/article-list/


    Default Ansicht -> WSC Standard Stil auswählen

    Alles anzeigen

    Perfekt, genau das was ich gesucht habe. Vielen lieben Dank dafür.

  • PixelPatron
    Punkte
    4.131
    Beiträge
    733
    • 1. Januar 2025 um 12:51
    • #10

    Syntafin was hälst du von der Idee den css hack als Tutorial hier im Forum zu veröffentlichen?

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 1. Januar 2025 um 13:06
    • #11

    Welcher CSS hack? Die drei CSS Anweisungen die das Flex Layout anpassen?

    Dazu weiß ich nicht ob das auch mobil gut ist so.

  1. Datenschutzerklärung
  2. Impressum