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
      [list=1]

    • 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;
    }




    [/list]

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

  • Und wie schaut der Error aus? Schau mal in die Log Dateien vom ACP

    It's not a trick, it's a Zoni


    This is 10% Egg
    20% Milk
    15% Chocolate that is softer than silk
    5% Love
    50% Bake
    Thats 100% reason to make a cake

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


    also nur:


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


    (ohne die zeilenzahlen vorne mitzukopieren! )


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

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