Hintergrund-Bild Startseite

[marc3]

Hallo,

habe in der stylesheet.css. folgenden Code für Hintergrundbild eingegeben.

Code: CSS  [Auswählen]

body {
        font-family:Arial,Helvetica,Sans-serif;
        font-size:13px;
        margin:0px 0;
        padding:0;
        body { background: www.teevino.de/images/index.php/brother-and-sister-wtw.jpg fixed bottom center no-repeat; }
        color:#555;
        line-height:21px;

Funktioniert leider nicht, liegt evtl. an der Pfadangabe.
Oder muss man eine Zeit lang warten, damit das Bild auch im Browser erscheint?

Grüße und danke
Marc

Linkback: https://www.modified-shop.org/forum/index.php?topic=28998.0

[neueid]

Du musst den Code so anpassen:

Code: CSS  [Auswählen]

background:url (img/faderbg.gif);

das img natürlich durch deinen Ordner ersetzen falls das Bild in einem anderen liegen sollte!

[marc3]

Hallo neueid,

danke für deine Antwort.
Habe das nun so gemacht in der stylesheet.css.

Code: CSS  [Auswählen]

body {
        font-family:Arial,Helvetica,Sans-serif;
        font-size:13px;
        margin:0px 0;
        padding:0;
        body { background: url
             (images/test-europe.jpg) fixed bottom center no-repeat; }
        color:#555;
        line-height:21px;

Funzt immer noch nicht. Ich glaube, ich lasse es sein.
Und im Firebug weiß ich leider auch nicht so recht wie man das live ausprobieren kann.
Jetzt funktioniert nicht eimal mehr das Zurückstellen auf einen einfachen dunkelblauen Hintergrund.
Alles bleibt weiß.
Diese ewige Herumprobiere (ohne richtige Programmier-Kenntnisse) kostet viel Zeit.

Grüße und Danke
Marc

[Modulfux]

Das kann doch auch nicht funktionieren.

Richtig (und die Pfadangabe bitte so lassen) muss es so lauten:

Code: CSS  [Auswählen]

body {
  font-family:Arial,Helvetica,Sans-serif;
  font-size:13px;
  margin:0;
  padding:0;
  background: url(img/brother-and-sister-wtw.jpg) fixed bottom center no-repeat;
  color:#555;
  line-height:21px;
}

Die Grafik brother-and-sister-wtw.jpg MUSS im Verzeichnis templates/2-one-curvy-orange/img sein.

Gruß
Ronny

[noRiddle (revilonetz)]

In der Eigenschaft background sollte vielleicht man noch eine Fallback Hintergrundfarbe mit angeben.

Code: CSS  [Auswählen]

background:#FARBE url(img/brother-and-sister-wtw.jpg) fixed center bottom no-repeat;

Gruß,
noRiddle

[Modulfux]

Der Fallback ist doch automatisch. Wenn keine Farbe angegeben ist, ist der Hintergrund weiß. 

Gruß
Ronny

[marc3]

Hallo Webkiste und noriddle,

vielen Dank für eure Antworten. Waren sehr hilfreich.
Meine Pfadangabe war falsch. Jetzt muss ich das Hintergrundbild nur noch etwas nach unten setzen.
Muss ich betimmt etwas mit 'fixed center' anpassen.

Ich bin immer wieder begeistert über die Unterstützung hier im Forum.
Leider brauche ich sie viel zu oft. Das ist nicht so schön (auch für mich).

Grüße und Danke
Marc

[noRiddle (revilonetz)]

Das Bild ist

• zu groß (mache es mal höchstens 1950px breit und ca. 800px hoch)
  und hat
• zuviel weißen Rand oben, sodaß du es mit Minus-Werten höher setzen müsstest
  und
• soll man die Teekanne ja auch erkennen denke ich.
  Da müsstest du dir vielleicht überlegen ob du den Content leicht transparent machst oder lieber zwei Teekannen um einiges kleiner in den Hintergrund nimmst, nämlich links und rechts vom Content sichtbar.

Gruß,
noRiddle

[marc3]

Hallop noriddle,

danke dfr deine Antwort.
Hab das Gusseisen-Bild jetzt kleiner gemacht.
Nur mit den Minus -Wewrten imn der stylesheet.css weiß ich nicht so recht wo und wie.

Danke
Marc

[noRiddle (revilonetz)]

Wenn du's so lassen möchtest würde ich noch mittels Grafikprogramm den Farbwert des Hintergrundes der Teekanne holen und dem body-tag diese Hintergrundfarbe geben.
So wie's jetzt ist sieht man den leicht dunkleren Hintergrund den das Teekannen-Bild hat.

Gruß,
noRiddle

[marc3]

Hallo noRiddle,
habe jetzt den Farbwert der Teekanne ermittelt. Ist #FDFDFD, sind verschiedene Werte
Meinst du, dass ich den Hintergrund im Teekannenild auch glatt weiß machen soll.
Oder der Shop-Starseite den gleichen Hintergrund im body tag geben wie die Teekanne.
Nur weiß ich nicht in welcher Datei ich das machen kann, index.php?

Grüße
und Danke
marc

[noRiddle (revilonetz)]

Wie du's auch immer machen möchtest, es ist immer nur CSS.
Ich habe dir mal schnell das Bild freigestellt, das heißt es hat jetzt einen transparenten Hintergrund.
Nachteil, es hat deutlich mehr KB weil es nun ein *.png sein muß.
Vorteil, es ist clean und du kannst als Hintergrundfarbe nehmen was du möchtest.

Die Farbe in deinem stylesheet.css deines Templates hier ändern
(und natürlich das Bild hochladen und im Code .jpg durch .png ersetzen.):

Code: CSS  [Auswählen]

background: url("img/test-europe1.jpg") no-repeat fixed center bottom rgba(0, 0, 0, 0);

wird dann dazu

Code: CSS  [Auswählen]

background:#DEINE_FARBE url("img/test-europe1.png") no-repeat center bottom fixed;

(Die Reihenfolge der Parameter ist nur anders weil ich's immer so mache .)

Kannst ja das leichte Grau (#fdfdfd) oder Weiß nehmen (#fff) oder eben was anderes.

Gruß,
noRiddle

[marc3]

Hallo no Riddle,
danke für deine Antwort. Bild habe ich heruntergeladen.
Kann ich das auch unter jpg speichern. Ist (viel) zu mächtig wg. Ladezeit.
Durch die css-Änderung background wird doch nur der Hintergrund mit der Teekanne geändert.
Das habe ich ja jetzt schon. Könnte nur glatt weiß angeben.
Weiß aber nicht, ob das der Burner ist.
-----------------------------
Du scheinst ja auch ein Fan vom LandingpageManager zu sein. Setzt du Ihn auch ein?
Da muß man auch ganz viele Landing-Seiten per Hand erstellen.
Ich bin da skeptisch. (google)
Habe hier auch noch nie erlebt, dass im Forum nur Lob für ein Programm erscheint, verrdächtig?

Grüsse
Marc

[noRiddle (revilonetz)]

Der Gag an dem *.png ist doch, daß es einen transparenten Hintergrund hat (geht nicht mit *.jpg).
Dadurch kannst du einen konsistenten Hintergrund hinter der Teekanne haben, was ja vorher nicht ging, da die Teekanne verschiedene Grautöne im Hintergrund hatte die du nicht abbilden kannst.
(Mit den heutigen Internet-Geschwindigkeiten ist das nicht so schlimm mit den KB,
zumal, wenn es einmal im Browser-Cache ist...)

Ich kann dir das Bild auch als *.jpg mit weißem Hintergrund (oder was du willst) posten.
Dann hat es weniger KB und man sieht auch nichts wenn der body weiß (oder was du willst) ist.

Zur Landingpage-Sache bitte im anderen Thread posten.

Gruß,
Oli (aka noRiddle)

[mr.mc.mauser]

Mit den heutigen Internet-Geschwindigkeiten ist das nicht so schlimm mit den KB,
zumal, wenn es einmal im Browser-Cache ist...

Das ist die Theorie....
Weist Du was man auf dem Land für eine Geschwindigkeit hat, es gibt zwar klasse LTE aber nach aufbrauch des volumens läuft alles mit UMTS geschwindigkeit.
Aberscheinbar Interessiert das kein Mensch wie ich hier lesen kann.