Hintergrundbild ändern!

  • Hallo Ihr lieben,

    ich möchte gerne den Schwarzen Hintergrund bearbeiten bez. An den Seiten sollen jeweils kleine Bilder screens oder so hin. Jetzt kann man ja eig. ne schwarze Datei erstellen und die Bilder Rechts und links einfügen oder? Leider kann und verstehe ich es nicht wie ich es machen muss. vielleicht hat jemand ja mehr ahnung und würde mir evtl. helfen? Gerne würde ich auch ein kleines Trinkgeld springen lassen!

    Im Anhang mal ein Screen Rechte Seite hat 2 Bilder drauf diese dienen als Beispiel wie ich es gerne haben würde nur mit mehr bilder usw. soll halt nur als Beispiel dienen und linke Seite hat keine da sollen aber auch welche hin. Nur damit Ihr es versteht die Bilder einfügen so wie ich es gemacht habe recht ja klar kann man mit Bild bearbeitungsprogrammen machen alles schön, aber wie kriege ich das als Hintergrund auf meine Seite!???

    Wäre lieb wenn sich jemand melden würde. habe auch WhatsApp! einfach mal anschreiben per pn wäre super

  • Okay Super, aber wo kann ich denn das bez. den Code einfügen:
    Eigenes Hintergrundbild. Bildschirmfüllend ohne Wiederholung

    • Eigenes Hintergrundbild. Bildschirmfüllend ohne Wiederholung

      Quellcode

      • body{
      • background-image: url("../images/Tutorial/back.jpg");
      • background-repeat: no-repeat;
      • background-color: rgba(192, 204, 208, 1);
      • background-position: center top;
      • background-attachment: fixed;
      • }
      Bei CSS Okay das weiß ich aber da steht ja bei mir schon folgendes:
    • /* User Panel and Logo */.userPanel {
      border-bottom: 1px solid #333;
      }


      .logo a {
      text-align: center;
      }


      /* Main menu */
      .mainMenu {
      background-image: linear-gradient(to bottom, #383838, #251616);
      border-top: 4px solid #E30505;
      height: 60px;
      text-align: center;
      }


      .mainMenu > ul {
      background: none repeat scroll 0 0 rgba(0,0,0,0);
      }


      .mainMenu > ul > li {
      border: 0 none !important;
      font-size: 1.2rem !important;
      vertical-align: baseline !important;
      }


      .mainMenu > ul > li > a {
      border: 0px;
      background-image: linear-gradient(to bottom, #383838, #251616);
      border-top: 3px solid #E30505;
      height: 43px;
      font-weight: normal;
      text-align: center;
      color: #eee;
      padding: 17px 15px 0 15px !important;
      margin-top: -1px;
      }


      .mainMenu > ul > li > a:hover {
      color: #E30505;
      }


    Einmal editiert, zuletzt von happyfunny21 (21. Oktober 2016 um 21:29)

  • 1.) warum kopierst du nun dein ganzes CSS vom Stil? Wenn das ein Kaufstil sein sollte, wird sich der Ersteller schön bedanken :thumbdown:
    2.) WENN du schon CSS Code einfügst, dann nutz BITTE auch den Code-BBcode, dafür ist der schließlich da

    Bei CSS Okay das weiß ich aber da steht ja bei mir schon folgendes:

    du kannst das einfach ganz unten mit anfügen ...

  • die zahlen darfst du auch nicht mit reinkopieren, das weißt du aber, oder?

    also nur:

    CSS
    body{
    background-image: url("../images/Tutorial/back.jpg");
    background-repeat: no-repeat;
    background-color: rgba(192, 204, 208, 1);
    background-position: center top;
    background-attachment: fixed;
    }


    (ohne die zeilenzahlen vorne mitzukopieren! )

    und dein bild musst du schon wo hoch laden und den Link ändern :)

  • CSS
    body, html{
    background-image: url("../images/Tutorial/back.jpg");
    background-repeat: no-repeat;
    background-color: rgba(192, 204, 208, 1);
    background-position: center top;
    background-attachment: fixed;
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!