ilch Forum » Ilch CMS 2.x » Design und Templates » BG farbe???

Geschlossen
  1. #1
    User Pic
    Koraxo Mitglied
    Registriert seit
    18.11.2017
    Beiträge
    2
    Beitragswertungen
    0 Beitragspunkte
    Hallo liebe community bin recht neu hier und habe direkt eine frage, da ich nichts passendes Gefunden habe und hoffe um hilfe lächeln


    Meine frage ist folgende will ein Intro Bild vor die Page legen, jedoch ist mein Problem das Bild wir dargestellt so wie ich es will nur die Hintergrund Farbe ist halt weiß.

    Wie kann ich die Farbe auf schwarz ändern in der Htm komme da grad nicht klar hoffe kann mir einer weiter helfen

    das wäre die htm vll kann sie mir ja einer direkt umschreiben mit schwarzem Bg wäre super lieb lächeln


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    <!--
    a {
    text-decoration:none;
    }
    div {
    	text-align: center;
    }
    body {
    	margin: 10% 10%;
    	font-family: Arial, Helvetica, sans-serif;
    	text-align: center;
    	vertical-align: middle;
    }
    -->
    </style>
    </head>
    
    <body>
    <div><br /><a href="index.php" target="_self">
    <!--- introbild.jpg einfach ändern wenn man ein eigenes hat -->
      <img src="introbild.jpg" border="0" alt="introbild" width="1103" height="539" /><br />
      <br />
     <!-- Enter Page einfach ändern oder weglassen da das Bild auch als Button dient-->
    </a></div>
    </body>
    </html>



    Zuletzt modifiziert von Lord|Schirmer am 18.11.2017 - 18:05:47
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Nex4T ilch.de Design
    Registriert seit
    28.02.2007
    Beiträge
    2.926
    Beitragswertungen
    142 Beitragspunkte
    body { 
    margin: 10% 10%; 
    font-family: Arial, Helvetica, sans-serif; 
    text-align: center;
    background-color:#000; 
    vertical-align: middle; 
    }


    So abändern, dann hast du den Hintergrund auf Schwarz.
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Koraxo Mitglied
    Registriert seit
    18.11.2017
    Beiträge
    2
    Beitragswertungen
    0 Beitragspunkte
    super ich danke vielmals lächeln
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Hallo ihr lieben...
    ich möchte als hintergrund ein bild haben, habe aber keinen plan wie ich das bewerkstelligen soll.
    Kann mir bitte jemand dabei behilflich sein.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    eisvogel10 Mitglied
    Registriert seit
    06.11.2009
    Beiträge
    32
    Beitragswertungen
    2 Beitragspunkte
    Standard Design style.css

    body {
        #background: #000;
        background-image: url("/linkzudeinemBild/bg.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    besten dank zwinker klappt
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Hallo...
    habe gerade bemerkt das das hintergrundbild beim scrollen mit scrollt, soll es aber nicht.
    Was muss ich da ändern damit das hintergrundbild nicht mit scrollt.
    Jemand eine Idee
    Danke im Voraus
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    eisvogel10 Mitglied
    Registriert seit
    06.11.2009
    Beiträge
    32
    Beitragswertungen
    2 Beitragspunkte
    body{
        background-image: url("img_tree.gif");
        background-repeat: no-repeat;
        background-attachment: fixed;
    }


    mal google genötigt ?

    www.w3schools.com/cssref/pr_background-attachment.asp
    1 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von eisvogel10


    mal google genötigt ?



    zu diesem thema nicht aber sonnst meistens ja lächeln
    aber danke für deine mühe alles gut Yes
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten