Featured WoltLab Cloud Radiant 2.2.1

Und würde ich gerne wissen, wie ich die blauen Streifen im Menü wegbekommen (Footer). Kann ich im CSS leider nicht finden.
Siehe forum.chartsekte.de

Habe alles gefunden.

Könnten Sie bitte eine Live-URL zu Ihrer Website bereitstellen, damit ich beurteilen kann, welcher CSS-Code hinzugefügt werden muss?

https://fiestast.de/ | Falls du Zugangsdaten brauchst, dann kannst du gerne bescheid sagen.

Ich weiß nicht, woher Sie das Hintergrundbild bekommen, aber versuchen Sie, dieses SCSS zu verwenden, wenn es erreicht, was Sie wollen:

@include screen-sm-up {
    .forumViewModeGrid .wbbBoardList .wbbBoard {
        padding: 12px 0 154px;
        
        &.wbbBoardHasLastPost {
            padding: 12px 0 200px;
        }
    }
}

Vielen Dank, entweder mache ich aber etwas falsch, oder es funktioniert so nicht richtig:

Forum - FiestaST.de & PumaST.de | Dein Ford Fiesta & Puma ST Forum

Das Bild habe ich auf 154x200 Pixel zugeschnitten.

Es funktioniert, wenn die Position der Bilder in Logo und Seite sind.

Wenn Sie die Position Header wählen, wird es nicht angezeigt, weil es von der Hintergrundfarbe des Hauptmenüs überlagert wird.

Um die ganze Seite abzudecken, wählen Sie beim Hinzufügen des Bildes Horizontal und Vertikal oder Vertikal : https://pasteboard.co/JQ31W3H.jpg

Könnten Sie bitte einen Screenshot von dem, was Sie versuchen, zur Verfügung stellen?

Vielen dank habe es herausgefunden

Öffnen Sie ACP > Anpassung > Templates > Radiant > pageMenuMobile und kommentieren Sie diese Zeilen aus oder löschen Sie sie:

{if $__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.FooterMenu')}
    {hascontent}
        <li class="menuOverlayTitle">{$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.FooterMenu')->getTitle()}</li>
        {content}
            {foreach from=$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.FooterMenu')->getMenu()->getMenuItemNodeList() item=menuItemNode}
                <li class="menuOverlayItem" data-mobile-identifier="{@$menuItemNode->identifier}">
                    {assign var=__outstandingItems value=$menuItemNode->getOutstandingItems()}
                    <a href="{$menuItemNode->getURL()}" class="menuOverlayItemLink{if $__outstandingItems} menuOverlayItemBadge{/if}{if $menuItemNode->isActiveNode()} active{/if}"{if $menuItemNode->isExternalLink() && EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}>
                        <span class="menuOverlayItemTitle">{$menuItemNode->getTitle()}</span>
                        {if $__outstandingItems}<span class="badge badgeUpdate">{#$__outstandingItems}</span>{/if}
                    </a>
                    {if $menuItemNode->hasChildren()}<ol class="menuOverlayItemList">{else}</li>{/if}
                    {if !$menuItemNode->hasChildren() && $menuItemNode->isLastSibling()}
                        {@"</ol></li>"|str_repeat:$menuItemNode->getOpenParentNodes()}
                    {/if}
            {/foreach}
        {/content}
    {/hascontent}
{/if}

Danke

It's uploaded now in Gumroad.

1) Wenn Ihre WoltLab-Version 5.2.x ist, dann ja, dann müssen Sie den wichtigen Hinweis auf der Registerkarte Übersicht beachten. Wenn Sie aber bereits die WoltLab-Version 5.3.x verwenden, müssen Sie dies nicht tun.

2) Ja, das ist das einzige Branding Free Plugin für diesen Stil. Es funktioniert sowohl für alte als auch für neue Versionen.

Im Moment ist das, was Sie in der Demo sehen können, die einzige Farbvariante, die dieser Stil hat. Und es gibt in diesem Stil keine Funktionalität zum Umschalten zwischen hellem und dunklem Modus.

Sie können die Farben einfach über die Farbpalette und das Überschreiben des CSS/SCSS ändern. Es gibt keine Notwendigkeit, irgendwelche Vorlagen zu bearbeiten, wenn Sie die Farben ändern.

Ich bin auch gerade dabei, eine dunkle Farbvariante für diesen Stil zu erstellen, wahrscheinlich wird sie bis nächsten Monat fertig sein.

Hey Ramiru,

gibt es schon ein Update, wann die dunkle Farbvariante verfügbar sein wird? Dein Stil ist wirklich schön, aber leider durch die helle Farbvariante nicht ganz so augenfreundlich

Sie können FontAwesome vorladen, wie in den Insights vorgeschlagen.

Öffnen Sie ACP > Anpassung > Templates > Radiant(*) > headInclude-Template und fügen Sie hinzu:

<link rel="preload" as="font" type="font/woff2" href="{@$__wcf->getPath()}font/fontawesome-webfont.woff2?v=4.7.0" crossorigin />

direkt über:

<!-- Stylesheets -->

Vielen Dank. Es funktioniert. Leider bleibt der gesamte Wert weiterhin schlecht 😔.

https://developers.google.com/…nd-forum.de%2F&tab=mobile

Sie können auch versuchen, die beschleunigte Gastansicht zu aktivieren. Sie können auch die Fontquelle auf lokal gehostet einstellen (ACP > Konfiguration > Radiant > Fontquelle), wie Sie zuvor angefordert haben.

Abgesehen davon gibt es meiner Meinung nach nichts, was ich am Stil tun kann, damit er bei Insights ein gutes Ergebnis erzielt.

Es scheint, dass das Adsense auch zu Ihrer schlechten Bewertung beiträgt.

Die nächste Version (2.2.1) wird eine Option zur Auswahl der Quelle der verwendeten Schriftarten haben. Der Standard ist Google Font CDN.

https://pasteboard.co/JLeQJ4x.png

Sehr gut!

Wenn ich dann "Locally Hosted" auswähle, wird die Schriftart dann automatisch geladen, gespeichert und genutzt? Oder muss ich die Schrift dann laden und in einen bestimmten Ordner legen?

EDIT: Die Schrift wird wohl automatisch geladen und im Radiant-Ordner gespeichert. Von dort wird sie dann genutzt, wenn ich das richtig sehe.

Die Fonts befinden sich in den Ordnern /font/families/xxx. Sie wird dann aus der CSS-Datei /style/ForoStyle/radiantFont.css aufgerufen

Vielen Dank Ramiru. Jetzt funktioniert es sehr gut.

Die Grafik wird aber noch immer nicht angezeigt

Ändern Sie:

background-image: url("https://picsum.photos/100");

auf den korrekten Pfad Ihres Bildes, das Sie anzeigen möchten.

Vielen Dank

Die Schriftart Roboto hat nur die Stile Medium (500), Bold (700) und Black (900) für fettere Texte. Im Lieferumfang ist jedoch nur der Stil Medium (500) enthalten:

<link href="//fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i|Roboto+Condensed:300,400&display=swap" rel="stylesheet" />

Und so wird er verwendet font-weight: 500; für fettere Texte.

Sie können den obigen Code in der headInclude-Template ersetzen, um den Stil Bold (700) einzubinden:

<link href="//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500&display=swap" rel="stylesheet" />

Danach können Sie dann die font-weight: 700;-Deklaration verwenden.

So funktioniert es wieder. Vielen Dank!

In der nächsten Version (2.2.1) ist der 700-Stil bereits enthalten, so dass die headInclude-Template nicht mehr bearbeitet werden muss.

Wunderbar! Gibt es bereits eine ETA für die Version 2.2.1?

EDIT: Hat sich erledigt. Update ist da.

Still from Google CDN.

Good to know. Thanks.

Sie müssen ein Bild hochladen, das die Mindestabmessungen erfüllt.

Für das Vorschaubild muss es mindestens 102 x 64 Pixel groß sein. Dann sollte das Vorschaubild (HD) doppelt so groß sein.

Das Favicon sollte 256x256 Pixel groß sein. Sie können Ihr bestehendes Logo als Favicon hochladen, solange es 256x256 Pixel groß ist, sonst kommt die Fehlermeldung.

Ja, die verwendeten Fonts werden noch aus Google geladen. Das liegt daran, dass wir in diesem Stil zwei Fonts verwenden, die von WoltLab noch nicht unterstützt werden.

Kann man die fonts nicht im Stil mitliefern?

Wir werden sie in den Stil aufnehmen, wenn WoltLab jemals mehrere Fonts unterstützt. Ab sofort kann ich Ihnen Schritte geben, wie Sie es lokal hosten können, wenn Sie möchten.

@Ramiru Wieso downloadest du die Font nicht direkt von Google Fonts (https://fonts.google.com/specimen/Lato "Download family") und lieferst sie im Stil mit und verlinkst sie lokal? Dann wird kein Request zu Google gemacht.

Ich werde das vielleicht in der nächsten Version berücksichtigen. Aber ich muss erst testen, ob es nur eine kleine Unannehmlichkeit gibt, wenn der Benutzer jemals zu einer anderen Fonts wechseln möchte.

Bitte verwenden Sie dieses CSS:

.wbbBoardList {
    .wbbBoard > .icon {
        background: red;
        color: yellow;
        
        &.markAsRead {
            background: pink;
            color: lime;
        }
    }
    
    .wbbExternalLink .wbbBoard > .icon {
        background: orange;
        color: blue;
    }
}

Die Icons sehen immernoch gleich aus ...

Der Code sollte in Erweiterte Einstellungen > Individuelles CSS und SCSS eingegeben werden.

Hier ist das Ergebnis danach: https://pasteboard.co/JBVqioP.png

Habe ich gemacht passiert aber leider nichts.

Könnten Sie bitte die URL Ihrer Website angeben, damit ich sie mir anschauen kann?

Wenn Sie WoltLab 5.3.0 haben, können Sie Radiant 2.0.1 oder ältere Versionen nicht darauf installieren. Sie können nur die kommende Version 2.1.0 installieren.

Wenn Sie derzeit WoltLab 5.2.x und Radiant 2.0.1 oder älter haben, müssen Sie zunächst den Wert für Höchstbreite auf Prozent setzen, damit Sie erfolgreich auf WoltLab 5.3.0 upgraden können. Wenn Sie die Höchstbreite nicht auf Prozent setzen, können Sie kein Upgrade auf WoltLab 5.3.0 durchführen.

Sobald die Änderung in Prozent erfolgt ist, funktioniert Radiant 2.0.1 mit WoltLab 5.3.0.

Ich erst die Breite auf Prozent gesetzt. Update funktionierte nicht!

Erst als ich den Radiant entfernte, lief update durch. Wo bekomme ich 2.1.0 ?

@RainerSF bitte mal alle Beiträge sorgfältig und langsam lesen, alle Antworten stehen bereits drin!

@Teclador

Anforderung Option A (Bevorzugt):

1. Gehen Sie zu ACP > Anpassung > Stile > Radiant > Globale Einstellungen.
2. Legen Sie die Höchstbreite auf Prozent (%) fest, d. h. geben Sie den Wert von 50-100 ein und wählen Sie Prozent (%) als Einheit in der Dropdown-Liste.
3. Klicken Sie auf die Schaltfläche SUBMIT, um die Änderungen zu speichern.

Genau das hat nicht funktioniert! Was diese Anleitung bei 2.0.1 zu suchen hat bleibt schleierhaft! Bei 2.1 wäre sie sinnvoll!

So verwirrt das nur, und man muss die Wartezeit mit einem gratis Stil überbrücken.

Genau das Theme ist halt noch nicht von Woltlab freigegeben Ramiru hat das auch extra geschrieben und er hat darauf leider auch keinen Einfluss.

P.S. ich hatte mich auch etwas geärgert, aber wir sind alle nur Menschen

Kann nicht mehr so lange dauern. Die Demo läuft schon unter 5.3.0 https://demo.forostyle.com/WoltLab/

Die Anleitung für 5.3 ist auch schon geposted, also warten wir wohl "nur" noch auf die Freigabe durch Woltlab

Er steht noch zur Überprüfung durch WoltLab aus. Sobald es veröffentlicht ist, müssen Sie vor dem Update auf WoltLab 5.3.0 eine der im SEHR WICHTIGER HINWEIS auf der Registerkarte Übersicht beschriebenen Anforderungen erfüllen.

Hallo,

da ich weiß, dass ihr gespannt wartet: ich habe das Update gerade freigegeben.

Könnten Sie bitte eine Live-URL angeben? Ich werde versuchen, sie zu überprüfen, da sie die gesamte Breite abdecken soll.

ist derzeit localhost

Unterstützte Versionen

WoltLab Suite5.2

WoltLab Suite 5.3

angeblich sollte es schon kompatibel sein, auch zwei Beiträge drunter schreibt er:

Dies ist für Version 5.2.x. Ich werde eine weitere Version für 5.3 veröffentlichen, wenn die endgültige WoltLab 5.3 freigegeben wird.

sonst hätte ich mir die version auch nicht gestern gekauft

In der Artikel Liste hab ich einen Darstellungsfehler entdeckt, nach dem Update auf 5.3.0

Ehhm bei mir crashed komplett alles, also das gesamte Template, habt ihr eine Idee woran das liegen kann?

Auf 5.3 läuft der Stil 100 % NICHT!

Jo hatte das Theme auch nochmals deinstalliert und wieder installiert, leider mit dem selben Ergebnis, also auf den Author warten

Ja, wie ich bereits weiter unten erwähnt habe, ist dies nur für Version 5.2.x. Ich werde nächste Woche eine neue Version veröffentlichen, die mit 5.3 kompatibel sein wird.

Ok danke, dann war nur die kategorisierung etwas verwirrend, aber danke für deine tolle Arbeit

Das Icon "geschlossen" wird nur angezeigt, wenn ACP > Configuration > Radiant > General > Show Messages List Status Icons auf Ja gesetzt ist.

Dies ist für Version 5.2.x. Ich werde eine weitere Version für 5.3 veröffentlichen, wenn die endgültige WoltLab 5.3 freigegeben wird.

Zuerst müssen Sie Ihre aktuelle Version sichern. Als nächstes müssen Sie das Upgrade auf 2.0.1 durchführen. Dann müssen Sie alle Änderungen, die Sie an den Templates vorgenommen haben, erneut anwenden.

Der Grund dafür ist, dass Templates bei Updates überschrieben werden.

Danke! Dann werde ich mir das mal in einer ruhigen Minute anschauen.

Scheinbar wurden meine modifizierten Templates, die nicht vom Radiant Stil stammen, nicht angefasst. Alle meine Templates sind weiterhin vorhanden und wurden nicht überschrieben.

Darf ich die Live-URL Ihrer Website erfahren? Ich glaube, es ist einfach ein falscher CSS-Klassenname, der dies verursacht.

https://ravenix.net

Ich habe im Moment keinen Zugang. Da steht "Error 1020 Access denied".

Achso habe eine Ländersperre drinnen ist jetzt deaktiviert

Suchen Sie in der Slider-Template, wahrscheinlich das pageHeaderSlidesDashboard, den Code:

<div id="headerSlides" class="headerSlides">

ersetzen Sie dann mit:

<div id="headerSlides" class="headerSlides headerSlidesLoading">

Könnten Sie bitte etwas genauer erklären, was Sie zu tun versuchen?

Wenn Sie nur den Autor in der Artikelliste ausblenden möchten, können Sie dies entweder mittels CSS (ausblenden) oder durch Bearbeiten der Template (den Autor entfernen) tun.

Das Design der CMS Boxen sollten im gleichen Design wie die von den Artikelboxen dargestellt werden.

Die kurze Antwort ist ja.

Aber wie Sie in der Demo: https://demo.forostyle.com/WoltLab/index.php?boxes-demo/ sehen können, gibt es viele Arten von CMS-Boxen aufgrund ihrer Platzierung (Seitenleiste, Hero, über dem Inhalt, usw.).

Wenn Sie bestimmen können, welche Box Sie zu so etwas wie den Artikeln machen möchten, dann können wir das entsprechende CSS so modifizieren, dass es die Artikelliste imitiert.

Sie können die Links des Hauptmenüs in der ACP ändern. Sie haben die Möglichkeit, auf interne oder externe Links zu verweisen.

Wenn ich das hauptmenü änder, ändert doch auch beim Navigation oben oder nicht?

Die Kopfnavigation und das Hauptmenü in der Fußzeile sind identisch, so dass sich alle Änderungen, die Sie in der Kopfnavigation vornehmen, auch auf die Fußzeile auswirken.

Wenn Sie das Hauptmenü in der Fußzeile ändern möchten, müssen Sie die pageFooter-Template modifizieren und den untenstehenden Code durch einen manuellen Menülink ersetzen:

<h2 class="footerBunchTitle">{@$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.MainMenu')->getTitle()}</h2>
{@$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.MainMenu')->render()}

Zum Beispiel:

<h2 class="footerBunchTitle">Custom Menu</h2>
<ol class="boxMenu">
    <li>
        <a href="https://woltlab.com" class="boxMenuLink" target="_blank"><span class="boxMenuLinkTitle">WoltLab</span></a>
    </li>
    <li>
        <a href="https://google.com" class="boxMenuLink" target="_blank"><span class="boxMenuLinkTitle">Google</span></a>
    </li>
    <li>
        <a href="https://microsoft.com" class="boxMenuLink" target="_blank"><span class="boxMenuLinkTitle">Microsoft</span></a>
    </li>
</ol>

Super

Wie kann ich auch im Slider diese Text + Button verändert & das der banner nicht der gleiche wie Header neben Navigation ist, wollte ein anderen banner im footer hinzufügen.

Finde es alles nicht, ist zwar mega cool aufgebaut, aber ist nicht zu leicht zu finden

Dann war es auf jedenfall, danke für den support!

Zuerst können Sie den gesamten Text im Slider ändern, indem Sie zu ACP > Anpassung > Texte verwalten > Filter: Kategorie: wcf.Radiant.headerSlides gehen und dann einen benutzerdefinierten Wert für jede Phrase angeben.

https://pasteboard.co/Id8FcPc.png

Als nächstes müssen Sie die entsprechende Template manuell bearbeiten, um das Hintergrundbild und seinen Inhalt zu ändern.

Für den Slider im Dashboard ist die Template, die Sie bearbeiten müssen, ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard

https://pasteboard.co/Id8GFTI.png

Hier ist eine Übersicht über den Slider: https://forostyle.com/styles/radiant/#langPhrases

Bitte werfen Sie einen Blick auf diesen Kommentar für eine Korrektur: https://pluginstore.woltlab.co…omment33570/response44353

Die kompatible Version für WoltLab 5.3 wird kostenlos sein.