Featured WoltLab Cloud Radiant 2.0.0

Damit es immer erweitert wird, verwenden Sie bitte dieses CSS:

.codeBox.collapsed {
    max-height: 100% !important;
    
    > .toggleButton {
        display: none;
    }
}

Um eine schwarze Schriftfarbe zu erhalten, wählen Sie "None" unter "Syntax Highlighting", wenn Sie den Code einfügen.

Was Ihr anderes Problem bezüglich des nicht anklickbaren Register-Links betrifft, so kann ich diesen auf meiner lokalen Installation und in der Demo nicht reproduzieren.

Vielen Dank für den CSS Code, klappt bestens.

Die nicht funktionierende Anmelde-Button in der mobilen Version wohl generell nicht. Getestet in Safari, Firefox und Chrome.

Könnten Sie bitte einen Link zu Ihrer Website angeben, auf der das Login-Symbol nicht funktioniert?

Hab eine Ursache gefunden. Wenn man den Zugriff in den Benutzergruppen für nicht registrierte Benutzer sperrt sieht man zwar in der normalen Ansicht den Anmelden / Registrieren Button, jedoch in der mobilen Version ist der Button nicht anklickbar. Gebe ich einen Bereich für Gäste frei klappt es.

Bitte probieren Sie dieses CSS aus:

.gpxGpxContent > .section,
.gpxGpxLikesSummary {
    padding: 0;
}

Danke - Hat funktioniert

Hallo,

Könnten Sie mir bitte die videoList, imageList und entryList-Templates über Conversation schicken?

Oder, falls möglich, einen Admin-Zugang einer Testinstallation, in der diese Anwendungen installiert sind. Dies ist eine viel bessere Option, bei der ich gründlich testen kann, ob die Änderungen an den Vorlagen funktionieren.

Schicke ich dir heute Nacht wenn ich von der Arbeit nach Hause komme, danke schon mal.

Hallo,

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/JgJd7E7.png

Grüße

Sie müssen den Stil als Paket installieren. Sie können ihn nicht durch Importieren des Stils installieren.

Bitte beachten Sie dieses Installationshandbuch: https://forostyle.com/styles/r…iant%20Style%20Manual.pdf

Könnten Sie bitte eine Live-URL Ihrer Website angeben?

Es wird getrennt gehalten, da nicht alle JS-Dateien auf allen Seiten benötigt werden. Einige davon werden nur auf bestimmten Seiten geladen.

So oder so, ich würde es nicht empfehlen, aber ich kann Ihnen zwei Optionen nennen.

Option A:

Verwenden Sie dieses CSS:

.sidebar #sidebarForm {
    display: none;
}

Option B:

Löschen Sie den untenstehenden Code in den folgenden Templates:

• articleList
• categoryArticleList
• unreadArticleList
• watchedArticleList

{capture assign='sidebarRight'}
    {if !$labelGroups|empty}
        <form id="sidebarForm" method="post" action="{link application='wcf' controller=$controllerName object=$controllerObject}{/link}">
            <section class="box">
                <h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
                
                <div class="boxContent">
                    <dl>
                        {foreach from=$labelGroups item=labelGroup}
                            {if $labelGroup|count}
                                <dt><label>{$labelGroup->getTitle()}</label></dt>
                                <dd>
                                    <ul class="labelList jsOnly">
                                        <li class="dropdown labelChooser" id="labelGroup{@$labelGroup->groupID}" data-group-id="{@$labelGroup->groupID}">
                                            <div class="dropdownToggle" data-toggle="labelGroup{@$labelGroup->groupID}"><span class="badge label">{lang}wcf.label.none{/lang}</span></div>
                                            <div class="dropdownMenu">
                                                <ul class="scrollableDropdownMenu">
                                                    {foreach from=$labelGroup item=label}
                                                        <li data-label-id="{@$label->labelID}"><span><span class="badge label{if $label->getClassNames()} {@$label->getClassNames()}{/if}">{$label->getTitle()}</span></span></li>
                                                    {/foreach}
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                    <noscript>
                                        {foreach from=$labelGroups item=labelGroup}
                                            <select name="labelIDs[{@$labelGroup->groupID}]">
                                                <option value="0">{lang}wcf.label.none{/lang}</option>
                                                <option value="-1">{lang}wcf.label.withoutSelection{/lang}</option>
                                                {foreach from=$labelGroup item=label}
                                                    <option value="{@$label->labelID}"{if $labelIDs[$labelGroup->groupID]|isset && $labelIDs[$labelGroup->groupID] == $label->labelID} selected{/if}>{$label->getTitle()}</option>
                                                {/foreach}
                                            </select>
                                        {/foreach}
                                    </noscript>
                                </dd>
                            {/if}
                        {/foreach}
                    </dl>
                    <div class="formSubmit">
                        <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
                    </div>
                </div>
            </section>
        </form>
        
        <script data-relocate="true">
            $(function() {
                WCF.Language.addObject({
                    'wcf.label.none': '{lang}wcf.label.none{/lang}',
                    'wcf.label.withoutSelection': '{lang}wcf.label.withoutSelection{/lang}'
                });
                
                new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarForm', undefined, true);
            });
        </script>
    {/if}
{/capture}

Danke, dass Sie diesen Fehler gemeldet haben. Um ihn zu beheben, öffnen Sie ACP > Anpassung > Templates > Radiant > pageHeaderSlidesDashboard und suchen Sie:

{lang}wcf.menu.item.com.woltlab.wbb.UnresolvedThreadList{/lang}

und ersetzen Sie ihn dann durch:

{lang}wbb.board.filterByStatus.undone{/lang}

Danke hat funktioniert

Ja, so werden die Artikel aussehen, wenn dieser Stil verwendet wird.

1) Bitte fügen Sie dies in Erweiterte Einstellungen > Individuelles CSS und SCSS hinzu:

@include screen-sm-down {
    #messageQuickReply .messageAuthorContainer {
        margin: 0 5px 0 40px;
    }    
}

2) Bitte sehen Sie sich diesen Kommentar für die Lösung an: https://pluginstore.woltlab.co…omment33570/response44353

1) Das passt jetzt an der Stelle, nur ist es auch bei den anderen Einträgen nun auch verschoben. Weil so hatte ich es selbst auch schon abgeändert bekommen

2) Den Fix hab ich schon drin, ich meine aber was anderes. Wenn Sie hier mal draufklicken: https://ls-modcompany.com/foru…d/?postID=90435#post90435

dann sehen Sie was ich mein. Die Seite müsste ein Stück weiter oben geladen werden. Von dem Beitrag ist der obere Teil vom Header verdeckt.

Besten Dank schonmal!

Entschuldigen Sie, dass ich die Code-Fixes, die ich veröffentlicht habe, nicht gründlich getestet habe.

1) Ich habe meine obige Antwort für den korrekten Code bearbeitet.

2) Ich habe auch den korrekten Code bei https://pluginstore.woltlab.co…omment33570/response44353 editiert.

Beides funktioniert nun wie es soll. Herzlichen Dank für den tollen Support!

Bitte stellen Sie einen öffentlichen Screenshot zur Verfügung. Ich kann den von Ihnen bereitgestellten Screenshot nicht sehen (Access denied).

Sry, für die EInbindung.

Bsp - Profil

Ich kann dieses Problem in meiner Installation nicht reproduzieren. Könnten Sie bitte einen Live-Link zur Verfügung stellen, damit ich einen Blick darauf werfen kann?

Es handelt sich lediglich um eine Nachbildung des Hauptmenüs. Was auch immer Sie in das Hauptmenü eingeben, es wird auch dort erscheinen.

Sie können es aber vollständig deaktivieren, indem Sie zu ACP > Konfiguration > Radiant > Fußzeile gehen.

Hallo,

also ist es eine Spiegel vom obigen Menü....

Okay! Dank Dir!

Dazu müssen Sie eine neue Template erstellen und dann eine bestehende modifizieren. Bitte folgen Sie diesen Schritten:

1. Erstellen Sie eine neue Template unter der Radiant Templategruppe (ACP > Anpassung > Templates > Template Hinzufügen). Lassen Sie uns diese Template pageHeaderSlidesArticles nennen. Der Code für diese Template sollte wie folgt aussehen:

<div id="headerSlides" class="headerSlides headerSlidesLoading">
    <ul class="headerSlidesList">    
        {* Slide 1 *}
        <li class="headerSlidesItem">
            <div class="layoutBoundary">
                <h2 class="headerSlidesItemTitle">Slide 1 Title</h2>
                <div class="headerSlidesItemContent">
                    Slide 1 Content
                </div>
                <div class="headerSlidesItemAction">
                    <a href="#" class="button">Slide 1 Action Button</a>
                </div>
            </div>
            <img src="PATH_TO_OPTIONAL_BACKGROUND_IMAGE" alt="" class="heroSlidesItemImage" />
        </li>
        {* Slide 2*}
        <li class="headerSlidesItem">
            <div class="layoutBoundary">
                <h2 class="headerSlidesItemTitle">Slide 2 Title</h2>
                <div class="headerSlidesItemContent">
                    Slide 2 Content
                </div>
            </div>
        </li>
        {* Slide 3 and so on... *}
    </ul>
</div>

Sie sollten den obigen Code modifizieren, um Ihren gewünschten Inhalt einzufügen.

2.A Gehen Sie zu ACP > Anpassung > Templates > Radiant und klicken Sie auf die pageHeader-Template.

2.B Finden Sie auf der pageHeader-Template diesen Code um ZEILE 43 herum:

{if RADIANT_SLIDER}

Darunter fügen Sie diese Codezeile hinzu, um die in Schritt 1 erstellte Template einzufügen:

{if $__wcf->getActivePage() != null && $__wcf->getActivePage()->identifier == 'com.woltlab.wcf.ArticleList'}
    {include file='pageHeaderSlidesArticles'}
{/if}

Vielen Dank

{if $__wcf->getActivePage() != null && $__wcf->getActivePage()->pageID == 'PAGEID'}
    {include file='pageHeaderSlidesNEU'}
    {/if}

Ich habe das in der pageHeader so kann man den Schieberegler auf jeder x beliebigen Seiten anzeigen.

Dies ist ein Fehler in unserem Stil. Um ihn zu beheben, fügen Sie bitte diesen SCSS in Erweiterte Einstellungen > Individuelles CSS und SCSS hinzu:

.messageList > .anchorFixedHeader:not(.disableAnchorFixedHeader):target {
    background-clip: padding-box;
    border-top: 70px solid transparent;
    box-shadow: none;
    margin: -70px 0 8px;
    
    &::before {
        border-radius: 3px;
        border-top: 20px solid transparent;
        box-shadow: 0 -1px 0 0 $wcfContentBackground;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    &::after {
        display: none;
    }
    
    > .message {
        transform: none;
    }
}

Dank Dir... alles wieder gut!

Ja, Sie können dieses CSS verwenden, um es auszublenden:

@include screen-lg {
    .footerLegalLinks {
        display: none;
    }
}

Das blendet den ganzen Kontext aus, mir geht es allerdings nur um den Trennpunkt des 5. Elements, das in eine neue Zeile gerutscht ist.

Bitte verwenden Sie stattdessen dieses CSS:

@include screen-lg {
    .footerLegalLinks > ul > li:nth-child(5)::before {
        display: none;
    }
}

Wunderbar, vielen Dank

Es gilt noch zu erwähnen dass bei einem Neuladen der Seite die Änderung des Icons dann auf die Kategorie angewandt wird.

Könnten Sie bitte die URL angeben, wo dieses Problem auftritt?

Passiert es auch nur bei Verwendung unseres Stils oder sogar beim Standard-Stil von WoltLab?

Sie müssen das ::after pseudo-element verwenden, da das ::before bereits verwendet wird (um das Dreieck für das aktive Menü anzuzeigen).

.mainMenu li[data-identifier="com.woltlab.wcf.Dashboard"] > .boxMenuLink,
.menuOverlayItem[data-mobile-identifier="com.woltlab.wcf.Dashboard"] > .menuOverlayItemLink {
    &::after {
        content: "\f015";
        font-family: "FontAwesome";
        font-size: 18px;
    }
    
    > .boxMenuLinkTitle,
    > .menuOverlayItemTitle {
        display: none;
    }
}

Guten Morgen,

herzlichen Dank! Hat funktioniert. Der Support ist wirklich klasse!!

Gruß, Marcus

Wenn Sie den Stil aktualisieren, behält er die Farben bei, die Sie in der Farbpalette festgelegt haben. Die Konfigurationen in der ACP bleiben ebenfalls erhalten.

Was überschrieben wird, sind alle Templates und die SCSS. Stellen Sie also sicher, dass Sie vor der Aktualisierung eine Sicherung der alten Version machen.

Danke für die Antwort!

Bitte gehen Sie zu ACP -> Konfiguration -> Radiant -> Schieberegler -> Header-Schieberegler Aktivieren und setzen Sie auf Nein

Perfekt, vielen Dank!!

Edit:

Liegt am Plugin "Themen Bewerten von WBB-Elite" Themen Bewerten 3.0

Könnten Sie bitte den Radiant-Stil aktivieren, damit ich die Fehlersuche durchführen kann?

Geschieht dies auch mit dem Standardstil?

Dieses Problem wurde nicht durch ihr Stil sondern durch ein Plugin verursacht. - Alles wieder in Ordnung

Ich habe den Punkt (.) in den Zahlen nie vorausgesehen.

In diesem Fall können Sie das Problem lösen, indem Sie es mit diesem CSS ein wenig größer machen:

.pagination > ul > li {
    &:not(.skip) {
        > a,
        > span {
            padding: 9px 0 0;
        }
    }
    
    &.skip .icon {
        height: 32px;
        width: 32px;
    }
    
    &.jumpTo > a {
        padding: 6px 0 0;
    }
    
    > a,
    > span {
        height: 32px;
        padding: 9px 0 0;
        width: 32px;
    }
}

Ich habe nur das alte Preisschema von WoltLab befolgt, um Verwirrung zu vermeiden, bei dem es eine Upgrade-Gebühr für ein Hauptversions-Update gibt: https://forostyle.com/styles/radiant/#pricing

Gerade weil du die Version 1 nutzt, zahlst du nur 8,33 EUR. Hättest du die Version 1 nicht, müsstest du 29,75 EUR für die Version 2 zahlen.

Ich denke 8,33€ für Bestandskunden sind für diesen Stil völlig in Ordnung...

Am Cache?

Nachdem Sie ein neues Standardlayout festgelegt haben, müssen Sie den für Ihre Website spezifischen localStorage Ihres Browsers löschen

https://pasteboard.co/J1ibnKw.png

Die im ACP durchgeführten Einstellungen, was die Forenansicht betrifft, werden nicht übernommen. Es bleibt bei der klassichen Ansicht. Cache habe ich selbstverständlich berücksichtigt.

Bitte versuchen Sie Folgendes:

1. Wählen Sie ein anderes Standardlayout, d.h. Mehrere Spalten (2 - 4), und speichern Sie dann.

2. Löschen des LocalStorage

3. Laden Sie das Forum neu.

4. Wählen Sie erneut ein anderes Standardlayout, Zwei Spalten, und wiederholen Sie dann die Schritte 2 und 3.

Die neue Version kann einfach drüber installiert werden. Es müssen dann nur Templates gelöscht werden, die nicht mehr benötigt werden. Dein CSS Code und deine geänderten Templates bleiben erhalten. So war es zumindest bei mir...

Sie können ab Version 1.1.1 aktualisieren.

Nach dem Update bleiben Ihre Änderungen in der Farbpalette und Ihr benutzerdefiniertes CSS erhalten.

Die Vorlagen werden überschrieben, so dass alle Vorlagen, die Sie für diesen Stil modifiziert haben, verloren gehen.

Stellen Sie sicher, dass Sie vor der Aktualisierung eine Sicherungskopie Ihres vorherigen Stils erstellen, falls Sie Vorlagen geändert haben.

@PoooMukkel , kannst du mir sagen, welche Templates du gelöscht hast?

Ich bin mit den Ergebnis nach den Style Update gerade nicht so zufrieden...

@PhiL113 Bitte beziehen Sie sich auf dieses Handbuch: https://forostyle.com/styles/radiant/Radiant Style Manual.pdf

Schließe mich an! Habe auch bereits viel Hilfe per Konversation erhalten! Weiter so!

I was just following the old pricing scheme of WoltLab to avoid confusion wherein there's an upgrade fee for major version update: https://forostyle.com/styles/radiant/#pricing

I might also consider changing the pricing model in the future since WoltLab has already changed theirs.