1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

WBB Artikel umbauen

    • HTML & CSS
    • Frage
  • Akrep
  • 31. Dezember 2024 um 03:08
  • Erledigt
  • Akrep
    9
    Akrep
    Mitglied
    Reaktionen
    33
    Punkte
    763
    Trophäen
    1
    Beiträge
    126
    • 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
  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Akrep
    9
    Akrep
    Mitglied
    Reaktionen
    33
    Punkte
    763
    Trophäen
    1
    Beiträge
    126
    • 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:

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Akrep
    9
    Akrep
    Mitglied
    Reaktionen
    33
    Punkte
    763
    Trophäen
    1
    Beiträge
    126
    • 31. Dezember 2024 um 04:56
    • #5

    Richtig.. links das Bild und rechts der Rest.

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.069
    Beiträge
    721
    Einträge
    3
    • 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.

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 31. Dezember 2024 um 17:37
    • Hilfreichste Antwort
    • #7
    Zitat von evarioo

    Hab leider kein wbb ..

    Brauchts nicht für ne Sache vom Core :grinning_face_with_smiling_eyes:.


    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

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • PixelPatron
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.069
    Beiträge
    721
    Einträge
    3
    • 31. Dezember 2024 um 17:52
    • #8
    Zitat von Syntafin

    Brauchts nicht für ne Sache vom Core :grinning_face_with_smiling_eyes:.

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

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Akrep 1. Januar 2025 um 03:51

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • Akrep
    9
    Akrep
    Mitglied
    Reaktionen
    33
    Punkte
    763
    Trophäen
    1
    Beiträge
    126
    • 1. Januar 2025 um 03:51
    • #9
    Zitat von Syntafin

    Brauchts nicht für ne Sache vom Core :grinning_face_with_smiling_eyes:.


    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
    20
    PixelPatron
    github.com/pixelpatron90
    Reaktionen
    164
    Punkte
    4.069
    Beiträge
    721
    Einträge
    3
    • 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?

    pixelpatron-100000?style=for-the-badge&logo=X&logoColor=white&labelColor=000000&color=FF0000 pixel_patron-100000?style=for-the-badge&logo=Discord&logoColor=white&labelColor=000000&color=FF0000 pixelpatron90-100000?style=for-the-badge&logo=GitHub&logoColor=white&labelColor=black&color=FF0000

    https://evarioo.eu/

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.773
    Trophäen
    2
    Beiträge
    1.412
    • 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.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung