Stil: DarkMode 3.1.0

Lizenzbestimmungen
Lizenz für kommerzielle Plugins
Website
https://darkwood.design/
Unterstützte Versionen
WoltLab Suite 3.1

Ein dunkles Design in kontrastreichen Farben und ansprechenden Layout für eine individuelle Community.



Stil: DarkMode

Ein dunkles Design in kontrastreichen Farben und ansprechenden Layout für eine individuelle Community.


Highlights

  • Dunkle Farbgebung in modernem Layout
  • Mehr Übersicht in der Forenliste
  • Letzte Aktivitäten und Boxen im modernen Karten-Design
  • Farbanpassungen einfach per Stileditor möglich
  • Alternatives formatfüllendes Design für die Teaser Slideshow
  • Schöner Parallax-Scroll-Effekt für die Teaser Slideshow (Demo!)
  • So wird Ihre Community zum beeindruckenden Hingucker!

Empfohlen

Bilder

  • Version 3.1.0

  • Moin,


    vielen Dank für diesen tollen Skin.


    Ich habe drei Fragen bezüglich Anpassungen, die ich gerne machen möchte.

    1. Wie passe ich die Farben der Buttons an (bspw. der Registrierungs- oder der Antwortbutton sind im Style-Editor selbst nicht angegeben)? Ich habe mit dem Code aus einem der anderen Kommentare außerdem die Hintergrundfarbe der aktuell gewählten App in der Navigation angepasst, das hat aber nur bei nicht-mobiler Darstellung funktioniert, im Ausklappmenü ist es noch immer blau, wie passe ich das an?

    2. Gibt es eine Möglichkeit, die Avatare nicht rund zuzuschneiden, sondern (so wie sie hochgeladen werden) in viereckig darzustellen und am besten noch dafür zu sorgen, dass sie automatisch auf eine gewisse Größe skaliert werden?

    3. Hier bin ich mir nicht sicher, ob das überhaupt durch den Stil gesteuert wird, aber gibt es die Möglichkeit, Forenposts grundsätzlich im Blocksatz darzustellen?


    Vielen Dank!


    Mit freundlichen Grüßen

    • 1. Die Buttons und mobile Navigation verwendet einen Farbverlauf, welcher im individuellen CSS angelegt ist. Möchtest du diesen ändern musst du im CSS ganz oben die Variable $darkwoodBlue überschreiben.

      2. Ja gibt es.

      Code
      1. .userAvatarImage {
      2. border-radius: 0;
      3. }

      3. Geht alles ;-)

      Code
      1. .messageBody > .messageText p {
      2. text-align: justify;
      3. }
  • Echt schöner Skin, doch leider mit ein paar Anzeigefehlern welche mich sehr stören: http://prntscr.com/lozs7o http://prntscr.com/loztrr

    Kann ich das irgendwie fixen?

    • Da müsstest du vorerst selbst mit CSS etwas nachhelfen:


      Code
      1. Gelöscht Icon anpassen:
      2. .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
      3. font-size: 24px!important;
      4. }
      5. .messageGroupList .messageDeleted .columnAvatar::before {
      6. left: 4px!important;
      7. }


      Breite der Sidebar erhöhen:

      Code
      1. @include screen-lg {
      2. .messageSidebar {
      3. flex: 0 0 180px!important;
      4. }
      5. }
    • Danke, ich werd mal rumprobieren :) Wird das ganze dann irgendwann noch im Style selbst geändert?

    • Trotzdem danke, hat erstmal geholfen! (:

    • Ein fix per Update ist geplant.

    • Ok danke :)

  • Hello,


    When you create a table and point your cursor it highlights the row using white colour - like this:

    https://image.ibb.co/grGxbV/Sc…018-10-24-at-23-21-50.png


    So you have white text on white background - difficult to read.


    How can we change the colour that is used to highlight the row?


    Thank you.

  • Kannst Du bei Gelegenheit noch einen Fix für die Thread Übersicht nachschieben? Oder einen CSS Code?


    https://i.imgur.com/dGkmnrG.png


    Die Threads innerhalb eines Forums sehen ziemlich "verloren" aus. Danke!

    • Kann ich bei mir nicht nachvollziehen. Wurde an dem CSS oder Template etwas verändert? Falls nicht, benötige ich einen Adminaccount.

  • Vermutlich nicht die letzte Frage (aus Dank haben wir bereits die Branding Free Version gekauft):


    Einige Buttons bleiben "blau", obwohl in den Settings (via Color Palette) die Farben angepasst sind. Wie kann ich diese Buttons einfärben?


    z.B.


    Register Button

    https://i.imgur.com/Ioa2hGA.png


    Post / Reply Buttons

    https://i.imgur.com/Flygjac.png

  • Und: Hast Du einen CSS Tipp, wie wir die Avatar in der Thread-Ansicht im Forum etwas größer darstellen? Aktuell verdeckt die "Online" Anzeige zB. gut 1/3 des Avatars.

  • Und noch eine Frage zu den Farbeinstellungen: Die Active Farbe des Main Menus lässt sich offenbar nicht mit der Woltlab Color Palette einstellen. Hast Du den passenden CSS Code zur Hand, um das Orange zu verändern? Danke!

    • Das Menü verwendet die Farbe "$darkwoodRed", welche im CSS des Stil definiert ist. Den Farbcode dafür kannst du entweder global ändern (dann bekommt alles mit dieser Variable eine andere Farbe), oder du änderst das direkt im CSS des Menüs.


      Suche dafür folgenden Code:


      Und ersetzte $darkwoodRed mit deinen gewünschten Farbcode (z.B. $wcfHeaderMenuLinkActive oder #ff0000;)

  • Eine Frage zu den Vorschau Bildern in der Theme Beschreibung. Da hat das Menü eine Hintergrund Grafik und darunter eine Box mit dem selben Hintergrund und Text samt "Mehr erfahren"-Box. Ist das nur ein Beispiel für eine selbst zu erstellende Box, oder ist das Template mit enthalten und ich finde es nur nicht? Nach Installation ist es bei uns jedenfalls nicht zu sehen (https://dayzmodz.com/forum/). LG

    • Dabei handelt es sich um diesen Punkt aus den Highlights "Alternatives formatfüllendes Design für die Teaser Slideshow" - damit ist dieses Plugin gemeint: pluginstore.woltlab.com/file/1557/


      Sobald du den Slider in der Position "Hero" einfügst, passt er sich automatisch entsprechend der Vorschaubilder an.

  • Hey.

    Habe eine Frage zum Design. Beim erstellen eines neuen Threads schreibt man den Content praktisch auf dem Hintergrund.

    Gibt es eine Möglichkeit die Box genauso anzupassen wie Subjects bzw. Tags?

    Siehe Bild für Verständnis > Bild


    Auf der Seite "Search Users" haben die Boxen ebenfalls einen weißen Hintergrund und keinen "grauen".

    Gibt es hier auch die Möglichkeit dies abzuändern? > Bild

  • Hey! Gibt es die Möglichkeit, die ganz linke Spalte (Username etc.) woanders hinzuschieben? Wir würden gerne 2-spaltig bleiben, sprich Content (z.B. Forum) u. Boxen.

    • Ja natürlich. Das Layout kann wie gewohnt pro Seite beliebig konfiguriert werden. Egal ob 1,2 oder 3 Spalten. Dafür müssen nur die Seiten/Boxen im ACP entsprechend konfiguriert werden.

    • Vielen Dank! Dann sind wir restlos überzeugt :)

  • Wie geht es Version 3.1.0?


    Ich hab Version 3.0.16

  • Hallo,


    in der Vorschau ist der Teaser im "Breitbild" Format.
    Bei mir im Forum, ist es jedoch nur sehr begrenzt, wirkt mehr nach "4:3".


    https://share.syntafin.de/foto…360-a1e6-644a3bfafaa2.png


    Wie genau kann man den so breit wie die Seite anzeigen lassen?

  • Toller Stil.

    Nur als Problem mit der "Angemeldet als" - Box, das zulange Namen nach unten in das "Badge" rutschen. Wie kann man die vergrößern oder gleich die komplette Leiste?


    http://i.epvpimg.com/YTFFbab.png

    • Je nach Länge wirst du immer wieder das "Problem" haben - wobei ich finde, dass das gut passt. Solltest du die Seitenleiste dennoch auf Kosten des Content-Bereich verbreitern möchten, kannst du das per CSS tun.


      Code
      1. .sidebar.boxesSidebarLeft {
      2. flex: 0 0 168px;
      3. }
  • Can someone please explain how to add a background image in the header? And how to enable parallax scroll effect ?


    Thank you

  • Kann man das Menü oben nicht ganz Tranparent machen das man ganz leicht denn hintergrund sehen kann sonst muss da immer was änderen wenn neues bild zeige .... http://farsight-tv.de

    • Ich versteh die Frage nicht. Unter dem Link von dir sehe ich auch nichts.

    • Wenn z.b ein Kino Wallpaper oben reinstelle dann kann das Menü nicht sehen .....Aber das ich es net ändern muss wollte ich wissen ob man wenn das Menü Transparent ist es so machen das nicht ganz Transparent sondern einen leichten dunkler Hintergrund hat so das man bei einem hellen bild das Menü noch sehen kann.

    • Ja das ginge per CSS.


      Beispiel


      #pageHeaderPanel {

      background-color: rgba(45, 46, 48, 0.3)!important;

      }

    • Ja genau aber nur für Home Seite

    • na dann einfach #tplDeineHomeSeite davor schreiben (je nach dem welches deine Homeseite ist)

  • Gibt es keine Demo dafür? :(

Kunden, die diese Datei gekauft haben, kauften auch