Altitude WBB3 - CSS Anpassung

  • Hallo,


    leider habe ich ein Problem bei welchem ich leider nicht weiter weiß. Ich hoffe mir kann hier jemand helfen.


    Es geht um folgende Seite: http://www.wwa-wrestling.de/index.php?page=Index


    Und zwar habe ich den Header nun so angepasst, dass dieser zentriert und in voller Höge zu sehen ist. Leider geht die Leiste, welche Forum und Mitglieder anzeigt nun mitten durch den Header.
    Ich hätte ihn gerne wieder unter dem Header,nur leider weiß ich nicht was ich da Umstellen muss. I


    Ich hoffe mir kann hier jemand helfen.


    Vielen dank und eine gute Nacht


    Rush91 =)

  • Hallo Rush,


    das Hauptproblem liegt an deinem Hintergrundbild, bestehend aus 2 hellgrauen schmalen Streifen (Userpanel + Menü).
    Dadurch wird deine Headergrösse bestimmt.

    Würdest du jetzt dein Menü tiefer setzen stimmt das nicht mit dem 2ten Streifen vom Hintergrundbild überein.
    Also nimmst du das Hintergrundbild




    zu finden hier


    und schreibst folgendes in deine CSS


    CSS
    body, html {
        background-image: url("../images/altitudeBlack/siteBG2.png");
    }
    #mainMenu {
        top: 242px !important;
        }


    Da das Logo sehr groß würde ich es als Hintergrundbild einsetzen.



    CSS
    #logo {
        display: none;
    }
    #header {
        background-image: url("../images/altitudeBlack/deinLogoHintergrundbild.jpg");
        height: 245px;
        background-size: 100% 100%;
    }

    und das Ganze sieht dann so aus ;)


  • Hat wunderbar geklappt, Danke!!!



    EDIT:


    Leider hab ich schon das nächste, aber letzte Problem.
    Wie man sieht habe ich neue Buttons neben den Kategorien eingefügt, leider sind diese aber total nach rechts verschoben.
    Wieder mal habe ich keine Ahnung wie ich diese nach links bekomme :(

  • Wie man sieht habe ich neue Buttons neben den Kategorien eingefügt, leider sind diese aber total nach rechts verschoben.

  • Wegen dein Hintergrundbilder in den Foren kannst das noch versuchen



    CSS
    .board8 {
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url("https://abload.de/img/historyijbs5.jpg") !important;
        background-size: 100%;
        height: 100px;
    }


    .board8 als Bsp. ;)


    und wenn du die Icons nicht mit dem Hintergrund verdecken möchtest,
    kannst du auch damit arbeiten


    anstatt diese Position


    background-position: top center;


    nimmst du diese


    background-position: 85px 16%;


    85px nach rechts und 16% die Höhe (Auschnitt vom Hintergrundbild)


    edit:


    Deine Frage: ich krieg die Avatare auch nicht größer obwohl es eig. eingestellt is


    Keine Ahnung ob das beim WBB3 so funktioniert, aber kannste ja mal mitnehmen ;)




    CSS
    .reflected {
        height: 200px;
        width: 150px;
        margin-left: -17px;
    }

    Das neue Hintergrundbild siteBG2.pngfehlt noch in deinem Design!!?? Zumindest sehe ich es nicht mehr.
    Das muss natürlich über FTP in deinem Styleordner eingebunden werden url("../images/altitudeBlack/siteBG2.png")


    Grafik konnte nicht geladen werden!!

    Mit freundlichen Grüßen


    Pacco

    2 Mal editiert, zuletzt von Pacco ()

  • Zu allerst einmal ein dickes Dankeschön für die Mühe die du dir mit mir machst.


    Ich habe alles angepasst wie du es mir geraten hast und bin Zufrieden. Leider verliert der Header dadurch etwas an qualität, aber damit kann ich Leben.