Style: DarkMode
A dark design in contrasting colours and an appealing layout for an individual community.
Only for a short time: €5, - discount! (€14,99 instead of €19,99)
Highlights
- Dark theme in modern layout
- More overview in the forum list
- Color adjustments simply possible via style editor
- Alternative format-filling design for the teaser slideshow
- nice parallax scroll effect for the teaser slideshow (Demo!)
- Your community becomes a impressive eye-catcher!
Recommended
-
Version 5.4.2
- Darkwood.Design
- 43.32 kB
- 15 Downloads
the page logo is now also displayed on mobile
-
Version 5.4.1
- Darkwood.Design
- 43.3 kB
- 6 Downloads
minor improvements
-
Version 5.4.0
- Darkwood.Design
- 43.68 kB
- 27 Downloads
- Support for WoltLab Suite 5.4
- Optimisations for ticket system, suggestions, calendar, gallery, blog, filebase
-
Version 5.2.0
- Darkwood.Design
- 52.74 kB
- 69 Downloads
Support for WoltLab Suite 5.2
-
Version 3.1.1
- Darkwood.Design
- 53.25 kB
- 57 Downloads
- Profile information is now displayed in the profile
- Icon size of "removed" icons has been corrected
- SCSS was optimized
- "messageSidebarWidth" can now be adjusted via SCSS variable
- corrected white hover colors in some tables
- "contentHeader" is now displayed on all pages
-
Version 3.1.0
- Darkwood.Design
- 43.01 kB
- 58 Downloads
Customers Who Bought This File Also Bought
-
Community Bot
- UdoZ
- (5)
EUR 9.97 -
WoltLab CloudEUR 12.99
-
WoltLab CloudEUR 5.95
-
WoltLab CloudEUR 3.99
disto1978
Ist das normal, dass die Labels in der Forenübersicht wie angelegt angezeigt werden, aber in der Themenübersicht dann nur einheitlich grau sind? Im Beitrag selber sind die Farben dann wieder wie angelegt
Darkwood.Design Author
Melde dich gerne bei uns im Support-Bereich. Dann wird das geprüft. https://darkwood.design/support/
Nico25
Hallo,
wie kann ich auf der Startseite / Dashboard die Pfadleiste angezeigt bekommen? Auch wenn da nichts drin steht, möchte ich diese der Optik wegen drin haben.
Darkwood.Design Author
Was genau meinst du mit "Pfadleiste"? Die Breadcrumbs (Verlaufsnavigation) sollte bereits wie gewohnt angezeigt werden. Wenn das bei dir nicht der Fall ist benötige ich einen Link zur Seite.
Nico25
Bei Umfragen sind keine Balken zu sehen, ist das so beabsichtig?
Darkwood.Design Author
Nein, das wäre natürlich nicht ganz benutzerfreundlich. Erstelle dazu am besten ein Support-Ticket mit Link zur betroffenen Seite und einem Account um den Fehler zu reproduzieren: https://darkwood.design/support/
Firegum
Hallo, ich hätte da mal eine Frage. Wie aktiviere ich den Banner der auch auf den Screenshots zu sehen ist?
Wenn es dort eine möglichkeit gibt, freue ich mich über eine Antwort.
Liebe Grüße Firegun!
Darkwood.Design Author
Wenn du den großen Slider meinst, kannst du das mit diesem Plugin in der Box-Position "Hero" umsetzen: Teaser Slideshow
AlterEgo
Die Navigationsleiste zeigt SoftCreatr's Scroll Down Pfeil nicht an, auch das Symbol für Collapsed Sidebar wird nicht Angezeigt.
VeneruxNET
Hallo, ist es möglich einen Banner hochzuladen?
Wenn ja wie?
Darkwood.Design Author
So wie in allen anderen Stilen auch über das interne Boxsystem an beliebiger Stelle. Für ein großflächiges "Banner" wie in den Screenshots empfehle ich das Plugin Teaser Slideshow in der Position "Hero".
EinSpigotPlugin
Hey ich habe ein problem, ich würde gerne eine Farbe ändern es sollte eigentlich $wcfTabularBoxBackgroundActive sein. Aber wenn ich das verändere sieht es ist es immer noch so.
Hier ist die Seite: https://piraty.net/statistics/ wenn man über die statistiken streicht, sieht man das die Farbe so weiß ist aber ich kann mir selbst nicht weiter helfen
Lg
Darkwood.Design Author
Das kannst du am schnellsten via CSS lösen. z.B. so
EinSpigotPlugin
Danke sehr
Nico25
Es lässt sich kein mobiles Logo anlegen.
Darkwood.Design Author
Fehlermeldungen bitte direkt auf unserer Seite: https://darkwood.design/support/index/25-darkmode/
Das geht hier sonst unter.
Nico25
Hast du einen Tipp wie ich die Avatare im Dashboard (Letzte Aktivitäten) größer bekomme? Die sind sehr klein.
Darkwood.Design Author
Per css. .userAvatarImage ist der Selektor, den du suchst.
Nico25
Hallo, ich komme nochmal darauf zurück. Ich möchte nur die Avatare im Dashbord größer bekommen. Der Selektor macht sie überall größer.
Darkwood.Design Author
Dann musst du einfach die id der gewünschten Seite aus dem <body> nehmen. z.B:
#tpl_wcf_cms .userAvatarImage
Nico25
Hallo, wie bekomme ich die MessageSidebar in der Höhe auf die gleiche Höhe wie der Beitrag. Das sieht so leider etwas abgehackt aus,
Darkwood.Design Author
per css.
z.B:
Nico25
Danke, das klappt
PolaroidRP
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
Darkwood.Design Author
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.
3. Geht alles
PolaroidRP
Moin,
vielen Dank für deine Antwort.
1: Das funktioniert leider nicht, irgendwas mache ich falsch. Ich habe in der ersten Zeile beim Stil/individuelles (S)CSS $darkwoodBlue: #333333; angegeben, bspw. der Registrierungsbutton sieht aber auch nach Löschen von Foren- und Browsercache so aus.
Die anderen Sachen haben problemlos funktioniert, danke dafür.
Mit freundlichen Grüßen
Willie30F
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?
Darkwood.Design Author
Da müsstest du vorerst selbst mit CSS etwas nachhelfen:
Breite der Sidebar erhöhen:
Willie30F
Danke, ich werd mal rumprobieren
Wird das ganze dann irgendwann noch im Style selbst geändert?
Willie30F
Trotzdem danke, hat erstmal geholfen!
Darkwood.Design Author
Ein fix per Update ist geplant.
Willie30F
Ok danke
tierge
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.
tierge
Anyone?
Darkwood.Design Author
Please specify exactly which table row do you mean.
tierge
Please see screenshot. When you highlight a row it highlights in white colour. How to change this color to something else?
https://i.imgur.com/DsFl35E.png
Darkwood.Design Author
I see a white bar on the screen. Please specify exactly where you are and provide a screenshot of the complete screen.
tierge
I am simply creating a new thread/post with a table inside of it.
https://i.imgur.com/agZ9inG.png
Rasselbande
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!
Darkwood.Design Author
Kann ich bei mir nicht nachvollziehen. Wurde an dem CSS oder Template etwas verändert? Falls nicht, benötige ich einen Adminaccount.
Rasselbande
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
Rasselbande
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.
Darkwood.Design Author
z.B: so
Rasselbande
Danke!
Rasselbande
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!
Darkwood.Design Author
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;)
Rasselbande
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
Darkwood.Design Author
Dabei handelt es sich um diesen Punkt aus den Highlights "Alternatives formatfüllendes Design für die Teaser Slideshow" - damit ist dieses Plugin gemeint:
woltlab.com/pluginstore/file/1557/Sobald du den Slider in der Position "Hero" einfügst, passt er sich automatisch entsprechend der Vorschaubilder an.
JonnyB
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
Rasselbande
Ja, das interessiert mich auch.
In der Thread Übersicht eines Forums fehlen m.M. nach auch "Führungsoutlines" zur Orientierung:
https://i.imgur.com/rxwr634.png
Wirkt sonst etwas verloren..
steinar
Gibt es dafür eine Lösung? Würde es auch gerne mit einem Rahmen versehen.
Darkwood.Design Author
Das könnt ihr per CSS anpassen. z.B. so:
Rasselbande
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.
Darkwood.Design Author
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.
Rasselbande
Vielen Dank! Dann sind wir restlos überzeugt
Chrisx
Wie geht es Version 3.1.0?
Ich hab Version 3.0.16
Darkwood.Design Author
Ich verstehe die Frage nicht. Alle Informationen zur Kompatibilität findest du in der Übersicht des Plugins.
Syntafin
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?
Darkwood.Design Author
Die Box ist als "Hero" eingestellt?
Womöglich muss du die Abmessungen in den Einstellungen des Teaser-Sliders noch anpassen oder das hochgeladene Quellbild in passenden Auflösung hochladen.
Syntafin
Bilder sind im 16:9 Format (3840x2160). Teaser ist "entsprechend eingestellt". Soweit wie möglich jedenfalls.
Darkwood.Design Author
Dann bitte mal Link mit Adminaccount schicken.
Syntafin
Ähm Link zum Forum, mit Admin-Account dazu?
Forum wäre:
https://zimboard.de
Syntafin
Ein Fehlverhalten bei der Artikel-Ansicht konnte ich auch feststellen:
https://zimboard.de/index.php?…imboard-goes-wsc-connect/
Als Beispiel
Schweigefuchs
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
Darkwood.Design Author
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.
tierge
Can someone please explain how to add a background image in the header? And how to enable parallax scroll effect ?
Thank you
Darkwood.Design Author
You need this Plugin:
woltlab.com/pluginstore/file/1557/- and add it at "Hero" Position.
tierge
Sorry i could not get this to work.
1) I created new slided and added picture to it: https://i.imgur.com/aELvihe.jpg
2) Teaser Slideshow is a "Hero" box : https://i.imgur.com/pF0XRPh.jpg
3) Configured to show image: https://i.imgur.com/8a7Vkcu.jpg
But i have no image in the header. What am i doing wrong ?
Darkwood.Design Author
Did you select a page and checked the group permissions?
tierge
Thank you! I did not set it to be "Visible"
Thanks again1
tierge
Is it possible to remove the Text from the slide image and Blue line? I cannot add slider image without title.
Thank you
admin1
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
Darkwood.Design Author
Ich versteh die Frage nicht. Unter dem Link von dir sehe ich auch nichts.
admin1
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.
Darkwood.Design Author
Ja das ginge per CSS.
Beispiel
#pageHeaderPanel {
background-color: rgba(45, 46, 48, 0.3)!important;
}
admin1
Ja genau aber nur für Home Seite
Darkwood.Design Author
na dann einfach #tplDeineHomeSeite davor schreiben (je nach dem welches deine Homeseite ist)
Devon
Gibt es keine Demo dafür?
Darkwood.Design Author
Nein, ich habe aktuell generell kein Demo Forum, daher lade ich so viele Screenshots wie möglich hoch. Falls du Fragen hast, kannst du dich jederzeit melden.
Devon
Der Stil ist aber dem Legday ähnlich?
Darkwood.Design Author
Ja das ist korrekt. Die Vorlage für den Stil ist der Legday: DarkMode