ilch Forum » Ilch CMS 2.X » Design und Templates » Hintergrundbild im esportlayout erstelle

Geschlossen
  1. #1
    User Pic
    Normen Mitglied
    Registriert seit
    20.01.2010
    Beiträge
    20
    Beitragswertungen
    0 Beitragspunkte
    Hallo Slipi, ich weiß ja das Du das esportlayout erstellt hast und wollte mal fragen wie es mit einen Hintergrundbild ausschaut. Ich hatte mich gestern bzw. heute mal dran zu schaffen gemacht aber ohne Erfolg und finden kann ich hier auch nichts drüber, hatte in der style.ccs mal folgendes versucht da ja der code oben in der style.ccs Datei liegt. Habe auch den url pfad befolgt aber es passiert nix es kommt kein Hintdergrundbild. Wäre schön wenn Du mir da helfen könntest

    Mit freundlichen Grüßen
    Norm


    meinkleinergartenhalle.de

    habe versucht es so ab zu ändern mit folgenden code


    body {
        background: url(img/background.jpg) fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color:#999;
    }



    Zuletzt modifiziert von Normen am 29.07.2023 - 12:21:09
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    Hallo

    Als erstes muss die Grafik unter "application/layouts/exportlayout/img" liegen.
    Zweitens liegt der fehler vermudlich im verweiss. Mit url(img/background.jpg) lässt du die grafik ordner im ordner wo die style.css liegt suchen. Der Code müsste so aussehen

    background: url(../img/background.jpg) fixed;


    Mit den Punkten und slash verweist du, die suche außerhalb des style ordner. Im Layout Ordner befindet unter anderem der Ordner "img" und "style". Da die style.css im ordner "style" liegt musst die suche außerhalb des ordner style vollzogen werden, daher die Punkte und slash.

    Sollte die Grafik im style ordner liegen, würde dein code funktionieren.

    Ich tue mich schwer mit erklären, daher hoffe ich das du mich folgen kannst.

    Slipi
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Normen Mitglied
    Registriert seit
    20.01.2010
    Beiträge
    20
    Beitragswertungen
    0 Beitragspunkte
    Guten Abend, Slipi es funktioniert immer noch nicht. Hatte es mal mit ein anderen layout probiert mit dem Code den ich gepostet habe da ging es dann aber mit dem layout von Dir ging es nicht kannst du es mal selbst probieren?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    rumpel Mitglied
    Registriert seit
    02.12.2021
    Beiträge
    60
    Beitragswertungen
    11 Beitragspunkte
    Hi

    ändere in deiner style.css ab Zeile 10 - 17 die style.css so ab...


    body{
    color:#666;
    font-family:'Ubuntu', Arial, Helvetica, sans-serif;
    line-height:1.4em;
    font-weight:normal;
    background: #15171a;
    background: url(../img/background.jpg) fixed;
    }

    Habe es getestet und es funktioniert so wie es soll.

    Lg

    rumpel
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    ZitatZitat geschrieben von Normen
    Guten Abend, Slipi es funktioniert immer noch nicht. Hatte es mal mit ein anderen layout probiert mit dem Code den ich gepostet habe da ging es dann aber mit dem layout von Dir ging es nicht kannst du es mal selbst probieren?


    Hallo

    Hättest du heute abend Zeit um in unserm Discord zu treffen, dan gehen wir es gemeinsam durch.

    Slipi
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    ZitatZitat geschrieben von rumpel
    Hi

    ändere in deiner style.css ab Zeile 10 - 17 die style.css so ab...


    body{
    color:#666;
    font-family:'Ubuntu', Arial, Helvetica, sans-serif;
    line-height:1.4em;
    font-weight:normal;
    background: #15171a;
    background: url(../img/background.jpg) fixed;
    }

    Habe es getestet und es funktioniert so wie es soll.

    rumpel

    Hallo

    Deinen Vorschlag hatte ich schon gepostet, jedoch funktioniert es nicht.

    Bei deinem Vorschlag würde ich den background nicht 2 mal definieren. Sollte ein User deinen Vorschlag nachgehen und die Grafik ausgabe vor den Hex code ausgabe schreiben, wird der Hex code ausgegeben und nicht die Grafik.
    Die CSS wird von oben nach unten gelesen, heißt, wenn als erstes die Grafik ausgabe geschrieben wurde und danach die Hex ausgabe, wird die Hex ausgabe ausgegeben und die Grafik ausgabe ignoriert.

    Lg
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    rumpel Mitglied
    Registriert seit
    02.12.2021
    Beiträge
    60
    Beitragswertungen
    11 Beitragspunkte
    Hi Slipi da hast du recht habe es aber vorhin so ausprobiert und es hat geklappt. Habe es im Opera getestet mit Element untersuchen und die Grafik in die Sytyle.css hinzugefügt wunderte mich auch das es klappt aber es klappt ohne Probs.

    Siehe Bild unter dem Link

    ibb.co/PFZ714D

    Lg


    Zuletzt modifiziert von rumpel am 01.08.2023 - 18:06:31
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Normen Mitglied
    Registriert seit
    20.01.2010
    Beiträge
    20
    Beitragswertungen
    0 Beitragspunkte
    ah ok verstehe rumpel ich probiere es mal aus wenn ich nicht weiter komme wirde ich mal ins Discord kommen und ja ich hatte es genau in der style.css ganz oben gehabt den code deswegen hat sich auch nix getan


    Zuletzt modifiziert von Normen am 01.08.2023 - 20:24:34
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    rumpel Mitglied
    Registriert seit
    02.12.2021
    Beiträge
    60
    Beitragswertungen
    11 Beitragspunkte
    @Normen

    das kannst du gerne machen

    Lg
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Normen Mitglied
    Registriert seit
    20.01.2010
    Beiträge
    20
    Beitragswertungen
    0 Beitragspunkte
    hey habe es hinbekommen danke an rumpel und slipi
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    rumpel Mitglied
    Registriert seit
    02.12.2021
    Beiträge
    60
    Beitragswertungen
    11 Beitragspunkte
    Topi habe es schon gesehen. Wenn du Hilfe benötigst einfach nur fragen.

    Lg

    rumpel
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    Hallo

    Es freut mich zu sehen wie gut das Esportlayout ankommt. Wenn ihr weitere fragen habt, einfach melden.

    Slipi
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten