WoltLab Cloud Stil: Modern Flat UI 5.5.1

Professional flat design in modern colors - thats the way your website becomes an professional web application.

The style "Modern Flat UI" provides you an modern web application design which scores with professional looking color palette


Highlights

  • valid html for best compatibility and search engine optimization
  • bright, professional flat-design in modern colors
  • responsive design for best usability on all devices
  • copy-free-licence (no copyright of the designer)

Images

  • Version 5.5.1

    Missing package identifier was added

  • Version 5.5.0


    * Requires at least WoltLab Suite 5.5

  • Version 5.4.0

  • Version 5.2.0

    Support for WoltLab Suite 5.2

  • Version 3.1.0

    Support for WoltLab Suite 3.1

  • Version 3.0.1

    added variables for content headline links

  • Version 3.0.0 RC 1

    First Release for WSC3

  • benutzt das Theme eigentlich Google Fonts? Sind wir davon betroffen?

  • Meine Nutzer fragen, ob man den Avatar Blog von links nach rechts verschieben kann?

    Außerdem kam die Frage auf, ob die rechte Seite leiste bei Tablets im Querformat eingeklappt werden kann? Hier ist relativ wenig Platz für den eigentlichen Inhalt mit den großen Avataren und der rechten Seitenleiste. (Habe die Shoutbox auf allen Seiten in der rechten Seitenleiste)

    Danke vorab

    • Das geht beides mit CSS. Erstelle mir gerne dazu ein Ticket auf https://darkwood.design/ mit einem Link zur Seite. Dann schaue ich mir das mal an ob ich dir da weiterhelfen kann.

  • Ich habe mal eine Frage, läuft bei dem Style die Menüleiste mit nach unten beim scrollen, wenn nicht, könnte man das anpassen?

  • Ich hab in der Einstellung die Breite verändert wie bekomme nun denn Content mittig ????


    Siehe >> http://farsight-tv.de/

    • Bitte poste deine Fragen nicht mehrfach, das erhöht sonst den Supportaufwand auf meiner Seite. Den schnellsten Support gibt es hier: https://darkwood.design/


      Dieser wird nicht beschleunigt indem du auch auf WoltLab postest. Bitte entscheide dich also für die Supportplattform.


      Code
      #main {
      margin: auto;
      }
  • Wie kann ich ein Hintergrundbild einfügen, welches den weißen Hintergrund im Board ersetzt?

  • Hallo, sehr schickes Design,


    leider fehlt bei mir, bei den Konversationen oben rechts (Sprechblasen) das Plus (+) Symbol zum erstellen einer neuen Nachricht.

    Bzw. ist die Farbe falsch und tut sich nicht von der Hintergrundfarbe hervorheben. Wo muss ich die Farbpalette hier anpassen?

    • ?!

    • Kostenlosen 24-h Support gibt es bei mir nicht, daher gedulde dich doch bitte ein paar Tage. Erneutes Nachfragen beschleunigt die Bearbeitungszeit nicht.


      Den Fehler schaue ich mir die Tage an. Bis dahin kannst du folgendes CSS-Code probieren.


      CSS
      .interactiveDropdownHeader a {
      color:red!important; // Farbe der Wahl eintragen
      }


    • Sorry war nicht böse gemeint, dachte nur das meine Anfrage untergegangen ist.


      MFG

    • der CSS Code geht leider nicht, verursacht einen Fehler im Board


      MFG

    • Bitte die korrekte Formatierung beachten, die hat es mir hier im Kommentarbereich zerschossen.

  • Habs mir gekauft ... in der Vorschau sah es besser aus als es nun wirklich ist also bin schon etwas entäuscht.

    • Sieht es bei dir denn anders aus als auf der Vorschau?

  • Kann da auch die Breite ändern so das das gesamte Stil eine box Größe hat ......

    • Ja das geht in den Stileinstellungen. Womöglich benötigst du noch diesen CSS-Code:


      Code
      @media screen and (min-width: 1025px), print {
      #main {
      max-width: $wcfLayoutMaxWidth;
      margin: auto;
      }
      }
    • ändert sich nichts ......

    • Was hast du denn jetzt geändert?

    • Stileinstellungen auf 1400px dann code.

    • Probier mal bitte verschiedene Änderungen und schau ob etwas passiert.

  • Hallo,


    ich habe einen kleinen Fehler gefunden. Im Forum wird der Pfeil, der auf den Beitragsauthor zeigt über der Navigation angezeigt, weshalb es zu diesem Fehler kommt:

    https://gyazo.com/01f59d3e7942a9228595005ac777cc53

    Like 1
    • Habe das Problem wie folgt gelöst:

      CSS
      @media screen and (min-width: 1025px), print{
          .messageSidebar + .messageContent:before {
              z-index: 1; //default from style: 100
          }
          .messageSidebar + .messageContent::after {
              z-index: 2; //default from style: 101
          }
      }
      Like 3
  • Kann ich da auch so einen Profielbanner hinzufügen?


    http://prntscr.com/j2xbch

    • Sicher. Vorausgesetzt ist die WoltLab Suite 3.1

    • Also ich mein den Standart benutzerprofielbanner wie es im Standart Them mit dabei ist, dann würde ich es mir Kaufen

    • Quote
      Sicher. Vorausgesetzt ist die WoltLab Suite 3.1
    • UPS nicht gelesen :) vielen dank :)

  • Hallo, ich würde gerne dieses Design kaufen, wollte aber fragen ob es möglich wäre den Bereich in welchem das Logo ist zu entfernen und Links Oben in die Leite den Namen des Forums einzutragen.

    Gruß

    Christoph

    • Ja das kannst du generell per CSS oder Templateänderung lösen.

  • Ich würde das Design gerne kaufen, der Preis ist okay.

    Ich bin gerade von WBB 3.1.8 auf Suite 3.1 umgezogen.

    Meine User bemängeln es dass die Unterscheidung "Ungelesener Beitrag" = Fettschrift zu "gelesenem Beitrag" im Woltlab Standard-Style zu gering wäre. Wie verhält sich das bei eurem Design? Ich kann das ja vor dem Kauf nicht einschätzen.

    Ode habt ihr ergänzend einen Tipp?

    • In diesem Stil ist die Unterscheidung ebenfalls durch Fett gegeben. Womöglich wirkt es aber durch die Schriftgröße und Farbgebung etwas auffälliger. Falls dir das nicht reicht kannst du per CSS einfach selbst nachbessern und eine beliebige Unterscheidung wählen.

  • Purchased this theme and is awesome!

    Now i have a Question:

    When i send someone to a page that has no permission

    Code
    Access Denied
    Access denied. You’re not authorized to view this page. 

    Is it possible to put underneath a log-in and register box option?

    As i was reading in the forum and it can be done but not sure what code to add or where!


    If you can help with some advice that will be awesome !


    Thank you.

    • Thank you for your feedback. Maybe you could ask the WoltLab community regarding such a box. The question is not related to the theme. It should work the same way as in all other themes.

    • Thank you for reply.

      I have wrote here because someone else wrote in the forum:

      Edit the 'Access denied." message shown to visitors

      and one of the users said that may need to be done within the theme.

      But i guess like you said , it should be the same for any other theme. Just need to know where and file to edit and to add the php code there so the log-in and register box to show up.

      Thanks.

  • Hi,

    ich würde gerne die maximale Breite auf 1400px setzen (wie das Default Theme). Voreingstellt sind 100%. In den Stil Einstellungen habe ich das bereits getan. Header sowie Footer passen sich an und sind 1400px breit. Nur der #main Container bleibt bei 100%.


    Installiert ist jeweils die neuste Version. Cache bereits geleert. Ist eine Anpassung der Breite einfach nicht vorgesehen oder handelt es sich um einen Fehler?

    • Du könntest es mit diesem CSS-Schnipsel probieren.


      Code
      @media screen and (min-width: 1025px), print {
      #main {
      max-width: $wcfLayoutMaxWidth;
      margin: auto;
      }
      }
    • Funktioniert. Danke!

      Like 1
  • Im Kalender funktionieren die Spoiler Button nicht.


    Link: https://inkathalo.com/calendar/index.php?event/6-altenpflege-die-leitmesse-hannover/

    • Das liegt nicht am Design sondern an den Javascriptfehlern, welche voraussichtlich durch ein Plugin verursacht werden.

  • Hi ich bräuchte Hilfe um das Hauptmenü zu verschieben eine genauere Beschreibung kam per Konversation.

  • Hallo,


    wenn ich den Stil im Woltlab ACP bearbeiten möchte crasht mein Tab. Was kann ich da tun?

    Best regards,

    Arston

    • Hallo, der Stil hat keine Auswirkung auf das ACP, daher muss der Fehler von woanders kommen. Wende dich am besten direkt an WoltLab mit einer detaillierten Fehlerbeschreibung.

  • Hi,


    folgendes Problem. Dein Design, aber das Timeline - Plugin von fabihome vertragen sich irgendwie nicht! Es ist leider immer nur ein Punkt der Timeline sichtbar!


    Modern Flat

    [Blocked Image: http://i.epvpimg.com/8jA1cab.png]


    WBB Standart[Blocked Image: http://i.epvpimg.com/nILBfab.png]

    • Ich kenne das Plugin leider nicht, weiß also nicht wie die Einträge dort angezeigt werden. Sofern vom Plugin valides HTML verwendet wird sollte die Darstellung passen.

  • Hello - I have bought and am using your great theme, but I am finding that I am having trouble because my blog headline text seems to be the same color as the box that it is in, and so the headline is invisible. I can't figure out which text setting this belongs to. Can you give me a hint? thanks! Check each of my blog entries here -
    the headline is invisible unless it is block selected: http://www.epicureanfriends.com/index.php?home/

    • I have now run Google Translate and see that my issue has been discussed before in German with Maxx2k3 But I don't see clearly that it has been fixed, nor am I sure how to update the theme, I just downloaded the theme again to be sure I had the latest download, installed it, and I still can't see my blog headlines. Could you comment? How do I get the latest version? thanks!

    • Will be fixed in 3.0.1

    • Any timetable for release?

    • the new version is already at WoltLab for review

      Like 2
    • Thank you for adding that in the new version. Can you tell me which variable to alter if I want to make that headline white instead of blue? Is it one of these existing, or something else? I was thinking from your update comment that a new item was added, but it appears to me that this is the same list as in Version 3.0.


      $wcfContentHeadlineBorder
      border
      $wcfContentHeadlineText
      text
      $wcfContentHeadlineLink
      link
      $wcfContentHeadlineLinkActive
      linkActive


      - Thanks!

  • Bei den Nachrichten ( https://www.lotuscloud.org/ ) habe ich folgenden Fehler: http://i.imgur.com/KtfC6bF.png - Der Titel wird nicht angezeigt.

    • behoben in 3.0.1

      Like 1
    • Nein, wurde leider nicht behoben: https://www.lotuscloud.org
      Ist sie Version 3.0.1.
      Habe auch Cache geleert.

    • Beim Styleupdate kann es passieren, dass der Stil doppelt installiert wird. In dem Fall musst du die neue Version aktiv schalten und die alte löschen. Hast du das getan?

      Like 1
    • Stimmt, danke :)

  • Bleibt der Stil eigentlich RC1 oder gibt es noch eine richtige Version?

    • Ich werde noch eine 3.0 mit minimalen Änderungen rausbringen. Die RC1 ist aber bereits stabil und fehlerfrei.

      Like 1
  • Hab es mir jetzt auch gekauft sehr schön :)


    Allerdings überlappt sich dieses Dreieck mit wcfHeaderMenü Leiste. Kann ich es beheben?


    Gemeint ist dieses Dreieck :)


    https://www.woltlab.com/attachment/119592-04-thread-jpg/

    • Hi Alper, danke für dein Feedback. Welches Dreieck genau meinst du?

    • Oh ganz vergessen zu schreiben. Gemeint sind die Dreiecke oben in der Message Sidebar


      Hatte beim ersten Beitrag das Bild von euch verlinkt

    • Kannst du mir mal bitte einen Link zum Forum per Konversation senden? Dann schau ich mir das mal an.

  • Hey


    ich hab das Problem das im Blog die Überschrift der Artikel nicht zu sehen ist
    die haben die gleiche Farbe wie der Hintergrund

    Like 1
    • Danke für die Info. Kannst du mir bitte einen Link zu deinem Blog schicken? Dann schau ich mir das mal an.

  • Sorry für die Anfängerfrage aber kann man die Farben unter "Farbpalette" auch ändern?

  • Ist ein Update in Arbeit? Aktuell ist nur die RC verfügbar, beim Core sind wir aber schon bei 3.0.1 pl 1. Der Stil ist übrigens sehr schön!

    • Danke für das nette Feedback. Ja das Update ist bereits in Arbeit und wird in Kürze ausgeliefert.

    • Hi, Wolli ist derjenige, der den Stil bezahlt hat, wir arbeiten gemeinsam an der selben Plattform in dem wir ihn benutzen. Ich kann sein Feedback ungefiltert wiederholen! Ich hab nur ein kleines Darstellungsproblem unter Firefox, wie darf ich dir das zukommen lassen?

    • Am besten hier per Konversation.

  • Ich habe auch den Stil gekauft und ein Problem das Hintergrund und Schriftfarbe in der Shoutbox nahezu identisch sind und dadurch nicht zu lesen,wie kann ich das anpassen?

    • das lässt sich recht einfach per css lösen. ich werde dafür aber auch einen fix bereitstellen

    • Danke Darkwood bitte das anpasden das es auch problemlos mit jede auflösung skalliert und passt. Sieht einfach unschön aus wenn das beim kleinen auflösung passt und bei grösserer auflösung verpixelt wird

    • wenn Ihr mir sagt wie würde ich den Code im CSS einbauen.

    • z.B. so:
      #shoutbox .shoutboxEntry .entryContent {
      color: #333;
      }

  • Hallo. Gefällt mir sehr gut ist jeden Cent wert ich bin so zufrieden ^^ Die Farben das ganze einzigartig!!! Das einzige was nicht so passt es passt leider nicht mit dem Teaser richtig zusammen. Vielleicht gibt es bald eine Lösung diesbezüglich

    • Hallo, danke für das Feedback - ich werde das mit dem Teaser prüfen und ein Update bereitstellen.

      Like 1
  • Moin, soweit ok. Aber warum werden mit dem empfohlen Teaser die Bilder nicht über die gesamte Breite dargestellt? Mit dem Originalstil von WoltLab und dem gleichen Teaser funktioniert es ja. Es ist übrigens volkommen egal, welche Browser ich verwende? Wo kann ich da etwas einstellen, damt es richtig dargestellt wird?

    • das kann man per css lösen. ich schau mir das aber im teaser nochmal ob es sinnvoll ist das global zu fixen.

  • Hey Klasse für Dein Screen,Danke!! Genau so ein Design habe ich gesucht mit der Seitenaufteilung für die Subforen, kann ich die Breite der Subforen noch vergrössern? Der letzte Beitrag rechts neben den Foren könnte für mein Forum ruhig kleiner sein da ich über 2000 Subforen im Forum habe ^^. ( http://www.Europe-Forum.eu )

  • Hello,


    How can I change the width of the whole footer in css ?


    Best regards

    • Please send me an conversation with a description of what do you want it should look like.

Customers Who Bought This File Also Bought

  1. New Allows you to create a modern slideshow with teaser as an eye catcher in your dashboard and/or forum.
    WoltLab Cloud
    EUR 12.99
    • Like 86
    • 3.4k Downloads
    • 1.1k Purchases
  2. Community Bot

    The 'Swiss Knife' for your community.
    EUR 19.99
    • Like 38
    • 2.9k Downloads
    • 995 Purchases
  3. This plugin provides a clean and modern shoutbox for your community.
    WoltLab Cloud
    EUR 6.99
    • Like 293
    • 20k Downloads
    • 4.9k Purchases
  4. The original Donation Plugin (Paypal, PSC, Bank Transfer)
    WoltLab Cloud
    EUR 19.99
    • Like 111
    • 6.2k Downloads
    • 1.5k Purchases