Herzlich Willkommen zur Anleitung für den Additional Partner

In dieser Anleitung möchte Ich euch zeigen, wie Ihr den Additional Partner entfernen bzw. bearbeiten könnt.
Eine Schritt-für-Schritt Anleitung, um auch ohne HTML Kenntnisse den Additional Partner euren Wünschen anzupassen.

Schritt 1: Wie kann ich den Additional Partner entfernen?

Wenn du den Additional Partner nicht im Design haben möchtest, kannst du diesen ganz leicht entfernen.

Logge dich dazu ins ACP (Admin Control Panel) ein und wähle die Kategorie "Anpassung" -> "Stile".
Wähle nun den Stil aus, in dem der Additional Partner entfernt werden soll. Wähle das "Bearbeiten"-Icon (Stift).

Wechsle im Tab-Menü zu "Erweiterte Einstellungen", im Textfeld "Individuelles CSS und SCSS".

Füge ganz unten folgende Textzeilen ein:

.additional_partner {
    display: none;
}

Klicke auf "Absenden". Der Additional Partner sollte nun vollständig ausgeblendet werden. Möchtest du diesen wieder

reaktiveren, lösche einfach die oben genannte Textzeilen wieder aus dem Code.

Schritt 2: Wie kann ich den Additional Partner bearbeiten?

Logge dich dazu ins ACP (Admin Control Panel) ein und wähle die Kategorie "Anpassung" -> "Templates".

Ändere oben in den Filter-Einstellungen "Standardtemplates" zu deinem jeweiligen Stilnamen (Beispielsweise: "BaseLine"),

klicke auf "Absenden". Nun werden dir eine Handvoll von Templates zum bearbeiten angeboten, wähle das Template "AdditionalPartner".

Wähle das "Bearbeiten"-Icon (Stift).

Der vorhandene HTML-Code sieht in etwa wie folgt aus:

(Ich markiere die wichtigsten Stellen, und erkläre weiter unten welche Bedeutungen sie haben!)

Legende:

Rot: Verlinkung, auf welche Seite der User weitergeleitet werden soll.
Blau: Jeweilige Klasse des jeweiligen Partners. (nummeriert)

Um die Grafiken auszutauschen verbindet euch via FTP mit eurem Webserver.

Unter folgendem Pfad (" ../images/STILNAME/FARBE/partnerX.png") findet ihr die nachfolgenden Partner Grafiken. (X = Nummer der Grafik)

Einfach die Grafik austauschen und eure Seite aktualisieren. (Sollte die Änderung nicht angezeigt werden: STRG + F5 drücken).

(Die optimale Größe für die Grafik beträgt 160x50px [Breite x Höhe])

Ich hoffe diese Anleitung konnte euch helfen, ansonsten bei Problemen oder auch Fragen einfach melden, Ich werde euch schnellstmöglich helfen!

Herzlich Willkommen zur Anleitung um das Hauptmenü bei dem Design "BaseLine v.2" zu fixieren

In dieser Anleitung möchte Ich euch zeigen, wie Ihr das Hauptmenü oben fixieren könnt.
Eine Schritt-für-Schritt Anleitung, um auch ohne HTML Kenntnisse das Menü zu fixieren.

Schritt 1: Hauptmenü fixieren: CSS

Um das Hauptmenü zu fixieren fügen wir als erstes folgende CSS-Anpassungen ein.

Logge dich dazu ins ACP (Admin Control Panel) ein und wähle die Kategorie "Anpassung" -> "Stile".
Wähle nun den Stil aus, in dem das Hauptmenü fixiert werden soll. Wähle das "Bearbeiten"-Icon (Stift).

Wechsle im Tab-Menü zu "Erweiterte Einstellungen", im Textfeld "Individuelles CSS und SCSS".

Füge ganz unten folgende Textzeilen ein:

.pageHeaderPanel {
    position: fixed;
}

.userPanel {
    position: absolute !important;
    z-index: 100 !important;
}

.pageHeaderSearch {
    z-index: 200 !important;
}

Klicke auf "Absenden".

Schritt 2: Hauptmenü fixieren: Templates (HTML)

Logge dich dazu ins ACP (Admin Control Panel) ein und wähle die Kategorie "Anpassung" -> "Templates".

Ändere oben in den Filter-Einstellungen "Standardtemplates" zu deinem jeweiligen Stilnamen (Beispielsweise: "BaseLine"),

klicke auf "Absenden". Nun werden dir eine Handvoll von Templates zum bearbeiten angeboten, wähle das Template "pageHeader".

Wähle das "Bearbeiten"-Icon (Stift). Ersetze den vollständigen Inhalt durch folgenden:

<div id="pageHeaderContainer" class="pageHeaderContainer">
    <header id="pageHeader" class="pageHeader">
        <div id="pageHeaderPanel" class="pageHeaderPanel">
            <div class="layoutBoundary">
                {include file='pageHeaderMenu'}
            </div>
        </div>
        
        <div id="pageHeaderFacade" class="pageHeaderFacade">
            <div class="layoutBoundary">
                {include file='pageHeaderLogo'}
                {include file='pageHeaderUser'}
                {include file='pageHeaderSearch'}
            </div>
        </div>
        
        <script data-relocate="true">
            require(['WoltLabSuite/Core/Ui/Page/Header/Fixed'], function(UiPageHeaderFixed) {
                UiPageHeaderFixed.init();
            });
        </script>
    </header>
    
    {hascontent}
        <div class="boxesHero">
            <div class="layoutBoundary">
                <div class="boxContainer">
                    {content}
                        {foreach from=$__wcf->getBoxHandler()->getBoxes('hero') item=box}
                            {@$box->render()}
                        {/foreach}
                    {/content}
                </div>
            </div>
        </div>
    {/hascontent}
</div>

Klicke auf "Absenden".

Ich hoffe diese Anleitung konnte euch helfen, ansonsten bei Problemen oder auch Fragen einfach melden, Ich werde euch schnellstmöglich helfen!

Ist behoben und wirst schnellstmöglich hochgeladen.

NACHTRAG: Im WBB-Elite Shop ist bereits die gefixxte Version (3.1.1) oben.

Fehler ist bekannt und wird schnellstmöglich behoben. Bitte entschuldige die Verzögerung. (Handelt sich um das GameZone Design richtig?)

Nein, du brauchst die Designs vorher nicht zu löschen. Einfach auf Paket Installieren und es hochladen. Sollte bereits ein Paket von GameZone installiert sein (ist ja der Fall), wird es automatisch nur geupdatet.

Nein, die sind fest, sollen also nicht mit scrollen.

(Wenn das UserPanel mitscrollen würde, würde es immer den Content "überlagern" und einfach im Weg sein)

Wenn du möchtest dass sich das Hauptmenü mitbewegt (mitscrollt), kannst du dies ganz leicht einstellen: klick mich

Hast du bereits versucht das Paket hier im Kundenbereich zu downloaden und es "per Hand" zu installieren?

Nein. Updates unserer Designs auf die Woltlab Suite 3.x.x sind kostenlos.

Sobald die Version 3.2 final verfügbar ist werden die Updates zeitnah veröffentlicht

Wurde mittlerweile behoben. Wird im nächsten Update - welches sich allerdings noch ein wenig hinzieht behoben.

Aber du kannst es auch gerne eben per Hand in das Design einfügen, dann stört es dich nicht mehr.

#tpl_blog_entry .tagList li a, #tpl_gallery_image .tagList li a {
    margin: 1px 0px 1px 0px;
    padding: 0px 7px 1px 24px;
    line-height: 2;
}

Nein, die Breadcrumbs sollten sichtbar sein. Sind sie normalerweise auch. Könntest du das etwas genauer beschreiben?

UPDATE: Wird wohl doch erst im nächsten (dafür sehr umfangreichen) Update behoben werden.

Für alle die das aktuelle Problem haben:

.section:not(.sectionContainerList) > .sectionHeader h2 {
    color: #2d2d2d;
}

Immer gern. Danke fürs Feedback

Nicht richtig gelesen, entschuldige. Das ist

.message {

.boxesSidebarLeft, .boxesSidebarRight {
    background-color: #000000 !important;
}

" #0000000 " durch deine Wunschfarbe (HTML) ersetzen. Sollte ohne Probleme klappen.

(Hast es wahrscheinlich mit "background" versucht, dies wird allerdings von "background-color" überschrieben)

MfG SgtKaneki

Der z-index scheint falsch zu sein. Wurde etwas am Code geändert?

Einmal bitte das hier einfügen, das fixt das Problem.

.pageHeaderSearch {
    z-index: 401 !important;
}

In den kommenden Tagen (1-2 Wochen) kommt ein größeres Update zum Dessence Design, ich entschuldige mich für das Problem.

Zusätzlich zu deinem Code:

.userPanel {
    top: 230px !important; /* Original 311px */
}

.pageHeaderSearch {
    top: 230px !important; /* Original 311px */
}

.pageHeaderLogo {
    margin-top: 20px !important; /* Original 50px */
}

Bitte noch eine Domain für die BaseLine Lizenz im Kundenkonto angeben, danke.

Bitte einmal einen Testaccount einrichten, inklusive ACP Rechte für den Darstellungsbereich. Einfach per Konversation, danke

Füg das mal bitte ins Design ein:

.additional_logo > a > img {
    width: auto !important;
    height: auto !important;
    max-height: 50px !important;
    margin-left: calc(50% - 30px);
}

Tritt es nur im Blog auf? Oder tritt der Fehler auch beispielsweise im Forum oder anderen Apps auf?

Wir sehen uns das an und melden uns zeitnah