Featured WoltLab Cloud Radiant 2.2.5

Nein, mit ein "paar kleinen Änderungen" ist es hier leider nicht getan.

Schade aber danke für die Info SoftCreatR

Das Geld ist verloren ... Aber so geht es ja jedem der das Teil gekauft hat.

Verdammt ärgerlich

Eine Frechheit ohne gleichen, was der sich erlaubt!

Ja, ich arbeite noch daran für 5.5.

Okay und gibt es ein Zeitfenster ? Da man den Stil nun schon länger nicht verwenden kann, und das natürlich unvorteilhaft ist.

Das ist auch mein Problem, alles zerrissen.

Ja und es ist absolut schade, das man ganz einfach den Stil in die Tonne haut, und einen anderen verwenden MUSS.

Sehr schade ich war zufrieden, bis heute ... es reicht einfach ... spar dir das update Ramiru danke das du dir mal mühe gegeben hast, auch wenn es lange her ist! Ciao!

Es gibt sicher viele Gründe, warum etwas nicht aktualisiert wird. Eventuell hat er auch keine große Lust mehr und macht das hier nur noch nebenbei. Finde ich nicht wirklich schlimm.
Ich habe den Style gekauft, weil im Mai dort kompatible mit 5.5 stand, was ja nicht stimmte.
Dennoch, ich kann noch ein wenig warten, auch wenn es ärgerlich ist.
Eventuell baut Ramiru den Style ja auch ein wenig um oder hat ein Goodie für uns Wartenden.
Die Zusammenlegung von Radiant normal und Dark wäre ja schön bei dem Preis, aber das ist natürlich Wunschdenken.
Das Update kommt bestimmt bald.

Hätte meinen Urlaub auch gern für das Upgrade genutzt. Aber so warten wir halt weiter...

Ich finde es schade das es bis heute nicht da ist.

Ramiru 22. Juli 2022 Autor

Ich werde damit beginnen, diesen Stil für die 5.5-Kompatibilität zu aktualisieren. Bitte geben Sie mir mehr Zeit, um diesen Prozess abzuschließen, und danken Sie für Ihre Geduld.

Soll es, aber bisher bekommt man keine Rückmeldung.

Bitte Ramiru

Ja wäre schon schön etwas zu hören...

Ich werde damit beginnen, diesen Stil für die 5.5-Kompatibilität zu aktualisieren. Bitte geben Sie mir mehr Zeit, um diesen Prozess abzuschließen, und danken Sie für Ihre Geduld.

Danke Ramiru
Ich freue mich schon, den Style endlich nutzen zu können.

Ich habe noch nicht mit der Aktualisierung für 5.5 begonnen.

Du kannst dir vorstellen, dass mich das nicht erfreut? Erscheinungsdatum ist Mittwoch!

Wie schaut es aktuell aus?

Leider Schweigen! Ich denke mal, das updaten muss er gratis rausrücken!

Warum sollte er irgendetwas "müssen"?

https://www.woltlab.com/user/1…ramiru/#wall/comment46360

In unserer Demo funktioniert das problemlos: https://demo.forostyle.com/Wol…mulants/&postID=36#post36

Könnten Sie bitte die URL angeben, unter der es nicht funktioniert?

Bitte verwenden Sie dieses CSS:

.mainMenu .boxMenu > li.active > a::before {
    display: none;
}

danke

Meinen Sie etwas wie dies https://pasteboard.co/7yLzil9G6U41.png ?

Wenn ja, können Sie es mit diesem SCSS erreichen:

/* Separate Logo and Navigation */
@include screen-lg {
    .pageHeaderContainer {
        padding-top: 110px;
    }
    
    .pageHeaderPanel > .layoutBoundary {
        flex-wrap: wrap;
    }
    
    .pageHeaderLogo {
        flex: 1 1 50%;
        margin: 0;
    }
    
    .mainMenu {
        order: 3;
        
        .boxMenu > li > a {
            border-radius: 3px 3px 0 0;
             height: auto;
            padding: 17px 15px;
        }
    }
    
    .pageHeaderSearchContainer {
        margin: 0;
        order: 4;
        
        > a {
            height: auto;
            padding: 14px 15px 14px 11px;
        }
    }
    
    .userPanel {
        flex: 1 1 50%;
        order: 2;
        padding: 12px 0;
        
        &.userPanelLoggedIn {
            padding: 10px 0;
        }
    }
}

ja genau so wie auf dem bild jedoch passiert leider nix :O

liegt bestimmt daran das ich nur leider die 2.2.1 version haben trotzdem danke für deine mühe

Darf ich wissen, was ist die Ausgabe in Ihrer Website, wenn Sie, dass SCSS, um den Stil hinzufügen?

wie meinst das nun ?

Dies ist das zu verwendende CSS:

.pageHeaderHero {
    background: transparent;
}

Um die Hintergrundfarbe der Icons (grün) zu ändern, sollte dies das CSS sein:

.wbbBoardIcon {
    background: red;
}

Danke Ramiru,

kannst du mir noch sagen wie ich es jetzt ändern kann das ungelesene nicht rot angezeigt werden?

https://ibb.co/rtQsDs3

Sie sollte standardmäßig rot sein. Wenn Sie die Hintergrundfarbe weiter ändern möchten, können Sie dieses CSS verwenden:

.wbbBoardIcon {
    background: blue;
    
    &.markAsRead {
        background: red;
    }
}

Dies ist ein Fehler im Stil. Ich werde nächste Woche eine neue Version veröffentlichen, die diesen Fehler beheben wird.

Danke für die Info!

Wenn ich das Update dann einspiele sind alle meine Veränderungen weg?

Erstens können Sie nur aktualisieren, wenn Sie den Schutz des Stils nicht deaktiviert haben.

Wenn Sie aktualisieren, wird das Folgende beibehalten:

• benutzerdefinierte Farben in der Farbpalette
• benutzerdefinierte CSS/SCSS unter Erweiterte Einstellungen > Eigene Deklaration > Individuelle CSS und SCSS

Alle geänderten Templates werden überschrieben. Stellen Sie also sicher, dass Sie eine Sicherungskopie Ihrer benutzerdefinierten Templates erstellen.

Bitte verwenden Sie dieses SCSS:

.messageGroupList .new .messageGroupLink {
    color: red;
    
    &:hover {
        color: blue;
    }
}

Hallo Ramiru,

vielen Dank!

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

.mainMenu .boxMenu > li.active > a::before {
    border-color: transparent transparent red transparent;
}

Ändern Sie einfach red in eine beliebige Farbe.

Hallo Ramiru,

wow, das ging aber schnell. Vielen lieben Dank! Toller Service.

Hat wunderbar funktioniert, danke!

503 ist ein Problem auf Ihrem Server und nicht der Stil. Ich schlage vor, dass Sie sich bezüglich dieses Problems an Ihren Hoster wenden.

Versuchen Sie bitte Folgendes, um Ihr Problem zu lösen:

1.) Löschen Sie den Cache

2.) Gehen Sie zu ACP > Anpassung > Stile > Radiant > Globale Einstellungen > Font Face und setzen Sie den Wert auf Roboto.

Nein. Funktioniert nicht. Immer noch das gleiche.

Könnten Sie bitte versuchen, die Font zu ändern, wenn sie immer noch die Roboto laden? Sagen wir, ändern Sie sie in Inter.

Dann ist die Preload Warnung weg.

Mach ich Roboto wieder rein, ist die wieder da:

Mit `<link rel=preload>` können Sie das Abrufen von Ressourcen priorisieren, die derzeit beim Seitenaufbau erst später angefordert werden. Weitere Informationen.FCPLCP
URL
    
Mögliche Einsparungen
…Roboto/roboto-v20-latin-regular.woff2(www.das-schaeferhund-forum.de)
    
3.930 ms
…Roboto/roboto-v20-latin-500.woff2(www.das-schaeferhund-forum.de)
    
3.420 ms

Hier der passende Quelltext:

<link rel="preload" as="font" type="font/woff2" href="https://www.das-schaeferhund-forum.de/wcf/font/families/Roboto%20Condensed/roboto-condensed-v19-latin-regular.woff2" crossorigin>
    <link rel="stylesheet" href="https://www.das-schaeferhund-forum.de/wcf/style/ForoStyle/radiantFont.css">
<link rel="stylesheet" type="text/css" href="https://www.das-schaeferhund-forum.de/wcf/style/style-19.css?m=1627334577">
<link rel="preload" href="https://www.das-schaeferhund-forum.de/wcf/font/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin type="font/woff2"><style>a[href^="https://www.das-schaeferhund-forum.de/board-feed/"] { display: none !important; }</style>

Hier meine aktuelle Headinclude:

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no" />
{include file='headIncludeRobotsMetaTag'}
{implode from=$__wcf->getMetaTagHandler() item=__metaTag glue="\n"}{@$__metaTag}{/implode}
{event name='metaTags'}

<!-- Stylesheets -->
{if RADIANT_FONT_SOURCE == 'font_source_1'}
    <link rel="preload" as="font" type="font/woff2" href="{@$__wcf->getPath()}font/families/Roboto%20Condensed/roboto-condensed-v19-latin-regular.woff2" crossorigin />
    <link rel="stylesheet" href="{@$__wcf->getPath()}style/ForoStyle/radiantFont.css" />
{elseif RADIANT_FONT_SOURCE == 'font_source_2'}
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap" />
{/if}
{@$__wcf->getStyleHandler()->getStylesheet()}
{event name='stylesheets'}

{include file='headIncludeJavaScript'}

<script data-relocate="true">
    WCF.Language.addObject({
        {* dummy language item to preserve compatibility with WCF 2.0, move this to headIncludeJavaScript *}
        'wcf.global.error.title': '{jslang}wcf.global.error.title{/jslang}'
        
        {* DEPRECATED -- PLEASE USE javascriptLanguageImport@headIncludeJavaScript *}
        {event name='javascriptLanguageImport'}
    });
</script>

{* DEPRECATED -- PLEASE USE javascriptInclude@headIncludeJavaScript *}
{event name='javascriptInclude'}

<!-- Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="{$__wcf->getStyleHandler()->getStyle()->getFaviconAppleTouchIcon()}" />
<link rel="manifest" href="{@$__wcf->getStyleHandler()->getStyle()->getFaviconManifest()}" />
<link rel="shortcut icon" href="{@$__wcf->getFavicon()}" />
<meta name="msapplication-config" content="{@$__wcf->getStyleHandler()->getStyle()->getFaviconBrowserconfig()}" />
<meta name="theme-color" content="{$__wcf->getStyleHandler()->getStyle()->getVariable('wcfPageThemeColor', true)}" />

<script data-relocate="true">
    $(function() {
        {* DEPRECATED -- PLEASE USE javascriptInit@headIncludeJavaScript *}
        {event name='javascriptInit'}
    });
</script>
{js application='wcf' file='ForoStyle/3rdParty/jPList/jplist.core.5.2.0.287'}
{js application='wcf' file='ForoStyle/3rdParty/jPList/jplist.views.5.2.0.6'}
{* Dirty JS *}
<script data-relocate="true">
    $('.messageList').closest('.section').addClass('sectionMessageList sectionBorderlessNoBg');
    $('.contentItemList').closest('.section').addClass('sectionContentItemList sectionBorderlessNoBg');
    $('.contentItemList').prev('.sectionTitle').addClass('sectionTitleContentItemList');
    $('.contentItemList').parent().prev('.boxTitle').addClass('boxTitleContentItemList');
    $('.filebaseFileList').closest('.section').addClass('sectionFileList sectionBorderlessNoBg');
    $('.filebaseFileList').parent().prev('.boxTitle').addClass('boxTitleFileList');
    $('.messageList, .contentItemList, .filebaseFileList').closest('.box').addClass('boxBorderlessNoBg');
    $('.sectionMessageList').prev('.paginationTop').addClass('paginationTopMessageList');
    $('.sectionContainerList').prev('.paginationTop').addClass('paginationTopContainerList');
    $('.galleryImageGrid, .galleryMasonry, .galleryImagesInMotion, .galleryImageList').closest('.boxContent').addClass('boxContentGalleryImages');
</script>

{@HEAD_CODE}

Funktioniert dieser CSS-Code vielleicht? Hatte den noch in meinem Test-System aktiv.

b, strong {
    font-weight: 600 !important;
}

Das war auch meine erste Idee.

Ich hab nun vorübergehend den Font im Stil geändert, damit gehts.

Vielleicht hängt das Problem von mir auch hiermit zusammen:

Die vorgeschlagene Lösung habe ich aber nicht getestet, da ich mit der neuen Schriftart zufrieden bin.

Ich stehe aktuell vor demselben Problem - allerdings nur in meinem Live-System. Ich habe sowohl mein Live- als auch mein Test-System auf das WSC 5.4 aktualisiert. Beim Upgrade wurde auch Radiant auf die Version 2.2.2 aktualisiert. In meinem Live-System bekomme ich keine fette Schrift angezeigt. Im Test-System funktioniert es allerdings. In beiden Systemen verwende ich dasselbe CSS.

/* Forum - Ungelesene Nachrichten fett markieren */
.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink, .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {
    font-weight: 700 !important;
}


/* Forum - Fehlende deklaration für dicke Schrift im Stil */
b, strong {
    font-weight: 700 !important;
}

In meinem Test-System funktioniert das und sowohl Themen mit ungelesenen Beiträgen als auch als fett markierter Text im Editor werden fett markiert. Im Live-System funktioniert das nicht.

So sieht das im Live-System aus:

https://pasteboard.co/KgUS3i6.png

Und so sieht das im Test-System aus:

https://pasteboard.co/KgUSsbn.png

Komisch ist, dass die 700er Schrift im Live-System gar nicht erst geladen wird. Aber warum???

Mein Live-System mit Radiant als Standard ist hier zu erreichen:

https://www.compiware-forum.de

@Ramiru

Was ist das Problem?

Ihre Live-Site funktioniert bei mir einwandfrei, wie dieser Screenshot zeigt: https://pasteboard.co/KgV4UUS.jpg

Ich habe dieses Problem auch schon einmal gehabt, aber ich habe herausgefunden, dass es an einer veralteten Roboto-Font (die nicht von Google Font heruntergeladen wurde) liegt, die auf meinem Computer installiert war.

Alle Websites, die ich besucht habe und die Roboto verwenden, zeigen nur die normale Font Weight an. Nachdem ich die veraltete Roboto-Font in meinem System gelöscht hatte, funktionierte alles einwandfrei.

It can't be used for 5.3 because of the template changes, I think particularly in session handling.

Thanks! Good to know.

Ich empfehle, dies nicht mit der Version 5.4 zu verwenden, da ich die Kompatibilität noch nicht geprüft habe.

Okay, vorhin stand bei den "Unterstützte Versionen" noch die 5.4.

Jetzt ist sie weg.

Deshalb dachte ich, das wäre soweit getestet.

Ich glaube, es wird automatisch von der WoltLab Filebase-App dort abgelegt.

Gibt es eine Möglichkeit dies zu beheben? Wir haben beiden Foren aktualisiert und jetzt kann sich keiner mehr Mobil einloggen.

Grüße

Um dieses spezielle Problem zu beheben, öffnen Sie ACP > Anpassung > Templates > Radiant(*) > pageHeaderUser Template und finden Sie:

new WCF.User.Login(true);

dann ersetzen Sie es durch:

WCF.User.QuickLogin.init();

Erstellen Sie einfach einen Box-Inhalt und seine Position muss Footer Boxes sein.

https://pasteboard.co/KbiiK1r.png

Ich habe diese Auswahl bei mir nicht

https://pasteboard.co/KbjEkTP.png