Altitude WBB3 - CSS Anpassung

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • 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: 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-Quellcode

      1. body, html {
      2. background-image: url("../images/altitudeBlack/siteBG2.png");
      3. }
      4. #mainMenu {
      5. top: 242px !important;
      6. }


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


      CSS-Quellcode

      1. #logo {
      2. display: none;
      3. }
      4. #header {
      5. background-image: url("../images/altitudeBlack/deinLogoHintergrundbild.jpg");
      6. height: 245px;
      7. background-size: 100% 100%;
      8. }
      und das Ganze sieht dann so aus ;)

      Mit freundlichen Grüßen

      Pacco
    • 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 :(

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Rush91 ()

    • Rush91 schrieb:

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

      CSS-Quellcode

      1. #boardlist li ul .boardlistTitle .containerIcon {
      2. margin-left: 5px;
      3. }
      4. #boardlist li ul .boardlistTitle .containerContent {
      5. margin-left: 81px;
      6. }
      7. #category1 > li > div > .boardlistCols-3 {
      8. width: 55%;
      9. float: left;
      10. }
      Alles anzeigen
      Mit freundlichen Grüßen

      Pacco
    • Wegen dein Hintergrundbilder in den Foren kannst das noch versuchen


      CSS-Quellcode

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

      .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-Quellcode

      1. .reflected {
      2. height: 200px;
      3. width: 150px;
      4. margin-left: -17px;
      5. }
      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

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Pacco ()