Menü Frage zu [WSC 3.1.x.x] W-Basic Grey 1.0.0

Sai · Sep 30th 2018

Halli Hallo :3

Also erst einmal wollte ich ein großes Lob da lassen, Ihr Design gefällt mir wirklich außerordentlich gut.

Allerdings habe ich ein zwei Fragen und wollte fragen ob dies machbar wäre.

Und zwar zum Header. Ich habe diesen tauschen können, allerdings ist der Header für meinen Geschmack ein wenig zu schmal, weshalb ich die Höhe des Banners gerne von 320 px auf 425 px ändern würde.

Würden Sie mir sagen, was ich dafür alles abändern muss, da ich es zwar grundsätzlich hinbekomme, allerdings das Menü stur bleibt

Und eine weitere kleine Frage - wäre es möglich um das ganze Forum einen Rahmen zu ziehen - mit einem kleinen Schattenwurf?

Vielen Dank im vorhinein für Ihre Hilfe.

Meine Seite:

http://citizen-soldiers.com

Ihr Design: [WSC 3.1.x.x] W-Basic Grey 1.0.0

Wie ich mir das mit dem Schattenwurf vorstellen würde sieht man hier, da habe ich es hinbekommen (kleines Testforum x): http://lieu-du-silence.forumieren.de/

Gino Zantarelli · Sep 30th 2018

Hallo,

um den Header in der Höhe zu verändern suche in der CSS-Definition des Stils folgenden Codeblock (ab Zeile 65):

CSS

.pageHeaderFacade > .layoutBoundary {
    background-color: $wcfHeaderBackground;
    background-image: url(#{$style_image_path}headerBG.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    align-items: baseline;
    padding-bottom: 0px;
    padding-top: 20px;
    height: 320px;
    border-bottom: 70px solid $wcfHeaderMenuBackground;
}

Display More

Dort den "height"-Wert ändern.

Das Menü muss nun ebenfalls nach oben versetzt werden in folgenden Codeblock ab Zeile 310:

Code

.mainMenu {
    margin-right: 0px;
    position: relative;
    top: 300px;
}

In diesem Block den "top"-Wert anpassen.

Eine Schattierung um den Content ist leider nicht ohne sehr großen Mehraufwand möglich da alle Container speziell angepasst werden müssen, da hat Woltlab leider keinen guten Seitenaufbau geleistet (deshalb auch der Basic-Stil von mir...).

Gino

Sai · Sep 30th 2018

Super, tausend Dank, das Menü ist endlich da wos hin soll...

Ich hab auf biegen und brechen diese Zeile nicht gefunden x)

Danke auch für die Auskunft der Schattierung, dann lass ich das wohl weg.

Nur eine kleine Frage noch. Der Header wird ja super zentriert, dank Ihren Codes. Da die Größe jetzt anders is, wird dies Fehlerhaft angezeigt.

Muss ich hier auch noch etwas ändern, oder muss ich die generelle Größe des Headers um meine 105 Pixel anpassen?

Vielen Dank für die sehr schnelle Hilfe Gino!

Gino Zantarelli · Sep 30th 2018

Suche in der CSS-Definition des Stils noch mal den Block ab Zeile 65 und ändere folgende Zeile:

Code

background-position: left top;

Eigentlich macht man ein Hintergrundbild und das Logo mit deiner Schrift als transparentes PNG-Bild extra, dieses kannst du einach in den Einstellungen des Stils hochladen.

Gino

Sai · Sep 30th 2018

Tausend Dank, damit ist mir schon geholfen :3

Werde dies dann wohl so umsetzen. Vielen Dank!

Damit wär alles erledigt.

Großes Lob auch für einen so enorm schnellen Support und das an einem Sonntag!

danvanmoll · Oct 12th 2018

Danke für den Tipp (und den Support per Mail)!

Der Stil läuft nun auch auf mit verkleinertem Header

http://www.dayzmodz.com

Menü Frage zu [WSC 3.1.x.x] W-Basic Grey 1.0.0

Participate now!

Share