ilch Forum » Ilch Clan 1.1 » Design und Templates » Dynamisches Hintergrundbild

Geschlossen
  1. #1
    User Pic
    Silent-Rain Mitglied
    Registriert seit
    21.06.2009
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Guten Abend,

    ich beschäftige mich seid kurzem wiedermal mit Ilch. Nun habe ich ein Fertiges Design angepasst, jedoch würde ich gerne noch ein Dynamisches Hintergrundbild einbauen. Insofern es möglich ist!

    Und zwar würde ich gerne ein Hintergrund Bild mit den Abmessungen 1920 x 1080, also Full HD 1080i einbinden. Da aber natürlich nicht jeder mit dieser Auflösung im I-Net Unterwegs ist, würde ich gerne das das Bild sich der Auflösung anpasst, so das er das Bild auf die Entsprechende Größe skaliert.

    Vielen Dank für eure Tips


    verwendete ilchClan Version: 1.1 N
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Silent-Rain Mitglied
    Registriert seit
    21.06.2009
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Hallo,

    danke für den Link leider schaffe ich aber die Einbindung nicht.
    Ich nutze folgendes Design:

    DDv2 von DragonDesign

    Dort habe ich ja die index.htm und die style.css und nur in der style css habe ich folgendes stehen:

    ZitatZitat
    body

    {



    background-image: url('images/bg2.jpg');
    background-attachment:fixed; //hintergrund der seite





    Was muss ich dort machen damit es funktioniert. Sorry wenn ich mir das einwenig "Vorkauen" lassen muss, doch ich beschäftige mich nur hobbymässig damit und kam noch nicht dazu wirklich HTML oder PHP zu erlernen. Sondern versuche es mehr oder minder einfach so.....

    Vielen Dank für die Geduld.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    probier es mal hiermit

    width="100%" height="100%"


    zwinker
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Silent-Rain Mitglied
    Registriert seit
    21.06.2009
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Gesagt, getan..........doch das Ergebnis bleibt.......es ändert sich nichts. Habe es einmal drunter geschrieben:

    background-image: url('images/bg2.jpg'); 
    width="100%" height="100%"


    und einmal dahinter..........leider ohne Erfolg.


    Zuletzt modifiziert von Silent-Rain am 11.03.2010 - 16:18:31
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    so funktioniert das auch nicht.

    das in deine style.css einbauen.

    * { margin: 0;
        padding: 0;}
    
    /* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
    body, html{ width: 100%;
                height: 100%;
                overflow: hidden;}
    
    #bgImg{ position: absolute;
            top: 0;
            left: 0;
            border: 0;
            z-index: 1;}


    und das bild einbinden mit:
    <img id="bgImg" src="hintergrund.jpg" width="100%" height="100%">


    lies dir das tut mal genau durch...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Tigereyes Hall Of Fame
    Registriert seit
    13.08.2008
    Beiträge
    140
    Beitragswertungen
    7 Beitragspunkte
    ZitatZitat
    Gesagt, getan..........doch das Ergebnis bleibt.......es ändert sich nichts. Habe es einmal drunter geschrieben:

    Code: Zeilennummern entfernen
    background-image: url('images/bg2.jpg');
    width="100%" height="100%"


    und einmal dahinter..........leider ohne Erfolg.




    code falsch gepostet:

    body 
    
    { 
    background-image: url('images/bg2.jpg'); 
    background-attachment:fixed; //hintergrund der seite 
    width:100%;
    height:100%;
    }

    wäre es eigendlich ob es wirklich klappt bleibt abzuwarten


    Zuletzt modifiziert von Tigereyes am 11.03.2010 - 16:24:10
    Felidae forever
    mess with the best die like the rest
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten