Hintergrundgrafik automat. auf Monitorgröße anpassen

Thema wurde von oliverbrecht, 5. April 2013 erstellt.

  1. oliverbrecht

    oliverbrecht Mitglied

    Registriert seit:
    15. Oktober 2011
    Beiträge:
    24
    Danke erhalten:
    0
    Danke vergeben:
    5
    hallo gambio gemeinde,
    ich habe hier eine anleitung gefunden umeine hintergrundgrafik vollflächig und automat. auf monitorgröße zu skalieren.

    jetzt habe ich wie in dem Forum beschrieben folgendes durchgeführt:

    1. von der Betreiberseite hier zip-Datei downloaden und entpacken
    2. die Datei jquery.backstretch.min.js in den Ordner /templates/dein-template/javascript/ hochladen
    3. Datei in /includes/application_bottom.php öffnen; suche nach:

    </body>
    Füge direkt davor folgenden Code ein:
    <script type="text/javascript" src="/templates/EyeCandy/javascript/jquery.backstretch.min.js"></script> <script type="text/javascript"> $.backstretch("/templates/EyeCandy/backgrounds/background.jpg", {centeredY: false}); </script>

    4. Dein Hintergrundbild in den Ordner /templates/dein-template/backgrounds/ hochladen als background.jpg




    >>>>>


    leider funktioniert dies bei mir nicht, das hintergrundbild wird zwar angezeigt, ist aber scrollbar und passt sich nicht auf die seite an.

    hat jemand eine idee warum es nicht klappt?

    lieben dank schon jetzt für eure hilfe

    oli screen-background.jpg
     
  2. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.074
    Danke erhalten:
    6.132
    Danke vergeben:
    1.085
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    weniger JS und mehr CSS tuts doch auch
    (Link nur für registrierte Nutzer sichtbar.)

    und wenn die anleitung in dem anderem Forum ist mit der du Probleme hast, warum fragst nicht die die sie geschrieben haben?
     
  3. oliverbrecht

    oliverbrecht Mitglied

    Registriert seit:
    15. Oktober 2011
    Beiträge:
    24
    Danke erhalten:
    0
    Danke vergeben:
    5
    hab ich, aber ich bin dort nur registriertes mitglied und nicht premium mitglied.
    mmhhh...
    mehr css gefälltmir super, klasse idee!!!
    leider weiss ich nicht wie und wo ich die hintergrundgrafik im eye candy template einbinden muss, hast mir noch nen tipp? :)

    lieben dank schon jetzt für den tollen tipp
    gute nacht
     
  4. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    versuchs mal mit:

    background-size: 100% auto;

    (ist css!!! ;) )