Hintergrundbild wird in Kacheln dargestellt

16.03.2016 15:58
avatar  bine*
#1 Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

Hallo ich würde gerne folgendes Bild als Hintergrund einfügen.

Wenn ich unter Layout---Bilder&Hintergründe----- Fenster Hintergrundbild dieses Bild einfüge



erschient es so


Wie kann ich das ändern das das Bild im ganzen erschient und ich es nicht gekachelt wird.


 Antworten

 Beitrag melden
16.03.2016 16:42
#2 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

dein Hintergrundbild ist viel zu klein bine.

Ich habe mir angewöhnt Hintergrundbilder zu nehmen
2000 x 2000 px abgespeichert unter .jpg

Also es liegt an der Größe deines Hintergrundbildes,
dass sich dann sooft dupliziert bis es passt.

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 16:42
avatar  bine*
#3 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

Hatte hier im Forum folgenden Code dazu gefunden.

body {background-image: url("Bildadresse")important;background-attachment: fixed important;background-position: center important;background-repeat: no-repeat important;}


Hab ihn dann im CSS eingefügt. Lieder ohne Erfolg


 Antworten

 Beitrag melden
16.03.2016 16:44
avatar  bine*
#4 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

Zitat von Edeltraud im Beitrag #2
dein Hintergrundbild ist viel zu klein bine.

Ich habe mir angewöhnt Hintergrundbilder zu nehmen
2000 x 2000 px abgespeichert unter .jpg

Also es liegt an der Größe deines Hintergrundbildes,
dass sich dann sooft dupliziert bis es passt.



ups wir haben wohl zur gleichen Zeit einen Beitrag geschrieben.

Werde ihn mal vergrössern


 Antworten

 Beitrag melden
16.03.2016 16:49
#5 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

Bine am besten du löscht das Hintergrundbild raus dort wo du es drin hast
und fügst das hier im CSS ein.

Mache meinen Link raus von meinem HG Bild und deinen mal rein,
dann auch die HG Farbe anpassen, das ist jetzt meins hier unten,

Einfach mal testen, kannst es ja wieder rausmachen

.header, .footer {
background: #c6d1ca url("http://img5.fotos-hochladen.net/uploads/hinten1zkbqn2pkzctm.png") repeat fixed center center;
color: #ffffff;
margin: 0 auto;
text-align: left;

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 16:52
#6 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

stop eine Klammer fehlt am Schluss

.header, .footer {
background: #c6d1ca url("http://img5.fotos-hochladen.net/uploads/hinten1zkbqn2pkzctm.png") repeat fixed center center;
color: #ffffff;
margin: 0 auto;
text-align: left;
}

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 16:56
#7 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

ne machs raus wieder.

Du musst dein HG Bild vergrößeren und normal einfügen dann da wo du es drin hattest !

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 17:00
#8 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

284 x 238 px so wie dein HG ist ist viel zu klein, das würde dermaßen verzerrt auch,
musst entfernen wieder, sieht schlimm aus

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 17:04
avatar  bine*
#9 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

Den code nimmt er. Hab .Header.Fotter durch body ersetzt..Nur leider ist das Bild viel zu klein. Wenn ich es vergrössere wirde es unscharft.


body {
background: #c6d1ca url("Bildadresse) repeat fixed center center;
color: #ffffff;
margin: 0 auto;
text-align: left;
background-repeat: no-repeat;


Kann ich denn nicht noch die Größe dazu schreiben. Nur weiß ich nicht wie


 Antworten

 Beitrag melden
16.03.2016 17:08
#10 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

ja das schrieb ich ja, dein Hintergrundbild muss viel größer sein, das verzerrt es
dermaßen, ist unscharf !

Nur so ein kleines Teil das du hast als Hintergrund, das kannst du nicht
rießig groß machen, das wird dann von Haus aus verzerrt uns wässrig.

Du musst dich für einen anderen Hintergrund entscheiden, geht nicht anders,
das Teil bekommst du nicht sauber vergrößert.

Dann die grüne Farbe, also meine, die musst noch ändern das hier
wäre deine blaue Farbe dann #1b2d37

Aber Als Hintergrundbild musst was anderes suchen, oder nur die Farbe nehmen,
die dunkelblaue.

Ist sonst alles verzerrt, geht halt nicht mit dem kleinen Teilchen

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 17:18
avatar  bine*
#11 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

ich habs wieder aus dem CSS gelöscht. Dann nehme ich den HG wieder den ich vorher hatte. Schade wäre schön gewesen.


 Antworten

 Beitrag melden
16.03.2016 17:30
#12 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

ja der war halt einfach zu klein, den wo du jetzt drin hast
der ist klar.

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
16.03.2016 17:42
avatar  bine*
#13 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

Witzig ist nur... dass der jetzige HG die gleiche Größe hat. 238x238
Mir scheint das der HG automatisch gekachelt wird. Nur bei diesem HG fällt das nicht auf.


 Antworten

 Beitrag melden
16.03.2016 18:13
avatar  ( gelöscht )
#14 RE: Hintergrundbild wird in Kacheln dargestellt
Gast
( gelöscht )

...wenn Du ein kleines Bild als Hintergrund verwendest, wird es "automatisch gekachelt" , wie Du sagst. Das heißt, es wird sooft wiederholt, bis der HG des body Deiner Seite voll ist. wenn das nicht weiter auffällt, ist es doch gut.

Mit dem CSS Eintrag, den ich weiter oben sah, unterbindest Du quasi die Wiederholung des Bildes. Es wird im Falle auf die gesamte body-Größe gestreckt, was bei solch einem kleinen Bildformat zu Verzerrungen und Unschäfre führt.

Willst Du ein Hintergrundbild haben, dass als "ein" Bild den HG ausfüllt, sollte es mindestens 1200x900px groß sein.


 Antworten

 Beitrag melden
16.03.2016 23:42 (zuletzt bearbeitet: 16.03.2016 23:43)
avatar  KarinM
#15 RE: Hintergrundbild wird in Kacheln dargestellt
avatar
Mitglied

wenn ich mich einmischen darf ...

bine, du müsstest dein Bild mit einem Bildbearbeitungsprogramm "nahtlos Kacheln" lassen, dann wird es auch optimal als Hintergrund dargestellt, auch wenn es nicht so groß ist. Allerdings denke ich auch, dass es mit diesen Maßen viel zu klein ist.
Dein Wunschbild ist ja schwarz eingerahmt, auch deshalb kann es nicht nur gekachelt werden, sondern es muss nahtlos gekachelt sein, wobei ich glaube, dass es wirklich ungeeignet ist.
Und dass dein jetziges Bild von der Größe her passt, liegt daran, dass es keine schwarzen (oder andersfarbige) abgegrenzte Ränder hat.

Allerdings ist es meist so, dass ein Bild mit Rand selten gut auschaut, wenn man es nahtlos Kachelt, denn die Ränder ergeben immer Eckpunkte.

Liebe Grüße von Karin

--------------------------------------------------
http://kreatives-gestalten.xobor.de

Layout: Business Template

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!