Mein Hintergrundbild soll gestreckt werden.

  • Seite 1 von 2
23.03.2013 16:24
#1 Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

Habe ein Forum möchte gerne das Hintergrund Bild gestreckt haben aber ich weiss nicht wie
es ist gekachelt und wird durch Threads verdeckt kann mir einer helfen?


 Antworten

 Beitrag melden
23.03.2013 18:57
#2 RE: Mein Hintergrundbild soll gestreckt werden.
avatar
Mitglied

Hallo, wie wäre es erst mal mit dem Link zu Deinem Forum und was Du für ein Template benutzt.
Oder sollen wir hier vielleicht raten?
Das was Du möchtest, ist in jedem Template woanders zu finden.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
23.03.2013 21:03
#3 RE: Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

http://darkminers.xobor.de/
Ist die Seite

und das Template ist das:
Business Template


 Antworten

 Beitrag melden
24.03.2013 13:41
avatar  Olaf
#4 RE: Mein Hintergrundbild soll gestreckt werden.
Ol
Mitglied

Ein Hintergrundbild kann man nicht per Code strecken.
Wenn man es für alle User (Auflösungen) sauber machen will,dann könnte man einige Hintergrundbilder nach den Standartauflösungen anfertigen(800*600,1280*1024,u.s.w.),hochladen und dann per Javascript eine Bildschirmauflösungsabfrage (geiles Wort) machen,die dann nach der jeweiligen aktuellen Bildschirmauflösung des Users das entsprechende große Hintergrundbild läd.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.03.2013 21:33
#5 RE: Mein Hintergrundbild soll gestreckt werden.
avatar
Mitglied

Hallo Olaf,

schau Dir mal sein Forum an. Hast etwas wohl falsch verstanden.
Das HG Bild was er möchte und eingestellt hat, lässt sich nur durch CSS realisieren und zwar, indem man im Body diese Zeile einfügt:
background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-sd9-1ck-e8d9.jpg );}
Denn im Business kann man nur Farben eingeben. Nützt also nichts, wenn man das in den Header setzt.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
24.03.2013 22:18
avatar  Olaf
#6 RE: Mein Hintergrundbild soll gestreckt werden.
Ol
Mitglied

Zitat von Shogun im Beitrag #5

Hast etwas wohl falsch verstanden.

Ich glaube schon,das ich das richtig verstanden habe.Er möchte sein Hintergrundbild strecken,also vergrößern.
Ich nehme mal an über die ganze Seite.
Was ist denn an meinem Vorschlag,das über Javascript zu realisieren,falsch oder nicht richtig?

Zitat von Shogun im Beitrag #5
Nützt also nichts, wenn man das in den Header setzt.

Ich kann das Hintergrundbild auch im Header mit entsprechender Anweisung setzen.

Ich hatte heute auch in einen anderen Thread geschrieben,das sich ein Hintergrundbild über CSS3 mit "background-size" strecken lässt.Diese Anweisung kennen aber nur 7% aller Browser.Deshalb mein Vorschlag per Javascript.


Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
25.03.2013 08:43
#7 RE: Mein Hintergrundbild soll gestreckt werden.
avatar
Mitglied

Hallo Olaf,

sorry gar nichts ist falsch an Deinem Vorschlag.
Aber schau Dir doch mal das Bild an, dass er da hat. Das meinte ich, unten sieht man es am Besten, das ist doch gekachelt, oder sehe ich das nicht richtig? Wenn er das streckt, sieht doch das immer noch so blöd aus, oder?
Hier im Xobor Supportforum ist ja im Header auch ein HG Bild drinn, das ist aber eigenständig.
Der Forenhintergrund ist aber weiss.
Er soll es halt einfach mit Deinem Vorschlag versuchen, kann Dich dann ja wieder fragen, wenn es nicht gehen sollt

Gruss
Shogun

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
25.03.2013 10:20 (zuletzt bearbeitet: 25.03.2013 10:50)
#8 RE: Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

Also wo muss ich diesen ''body'' Code hinzufügen? unter CSS?

Das mit dem vergrössern des Bildes geht nicht da das Forum eine maximale Anzahl von Pixel hat.
Bzw wie mache ich das mit diesem Java Script?


 Antworten

 Beitrag melden
25.03.2013 11:52
#9 RE: Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

Also nach langem suchen gefunden wie das geht, das Resultat kann sich sehen lassen der CSS Code:
body { ← name der css
background-attachment: fixed;
background-image: url(https://files.homepagemodules.de/b578233/a_11_ebf1d9f6.jpg);
background-repeat: scrollt;
background-position: center center;
left: 50px; ← abstand links
top: 200px; ← abstand oben
//background-position: 250% 250%;
}

So aber nun habe ich nur noch 2 Probleme :D

1. Das bild von links nach Rechts ist dem Bildschirm angepasst aber nicht von Unten nach Oben wie bekomme ich das hin? also CSS code
2. Die Kopfzeile über der Nav Leiste, dort soll ein anderes Bild hin also soll das Hintergrundbild unter der Navleiste, wie bekomme ich das hin?


 Antworten

 Beitrag melden
25.03.2013 18:02
avatar  Olaf
#10 RE: Mein Hintergrundbild soll gestreckt werden.
Ol
Mitglied

Es wäre für eine konstruktive Hilfe sehr wichtig,von Dir zu wissen,was Du überhaupt mit Deinem Hintergrundbild willst.
Soll es einmal in der Mitte des Bildschirms angezeigt werden?
Soll es fest stehen oder soll es mitscrollen?
Dein CSS Code gibt so wie er jetzt hier steht wenig Sinn ab,weil Du einmal Dein Bild mit "background-position:center center" in der Mitte gesetzt hast,soll aber mit "left" und "top" doch nicht in der Mitte angezeigt werden.Wobei"left" und "top" die Eigenschaft "background-position" zuständig ist. Auch "background-repeat: scrollt" gibt es nicht.Mit "background-repeat" stellt man ein,ob das Bild wiederholt werden soll.Also passt das "scollt",was richtig auch "scoll" heist, nicht zu dieser Anweisung.
Und es müssen auch einige schon vorhandenen Anweisungen in der CSS Datei mit "!important" überschrieben werden,damit Dein neuer Style auch greift.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
26.03.2013 14:21
#11 RE: Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

Hallo Olaf,
ich kenne mich 0 mit CSS aus so wurde es mit auf Youtube erklärt :D

Also folgendes Anliegen.
Das Bild im Hintergrund soll den Bereich über der Nav Leiste leer lassen, sodass dort ein Extra Bild rein kann.
Das Hintergrundbild soll also nun Über den kompletten unteren Bereich gestreckt werden, sodass halt unter der Nav Leiste das
Gestreckte Bild zusehen ist.

Und oben an der Kopfzeile (über der NAV Leiste) will ich gerne das andere Bild was im Forum zu sehen ist gestreckt über den kompletten Kopfzeilen Bereich haben.

Danke für deine Hilfe.

Mit freundlichen Grüßen,
mmo


 Antworten

 Beitrag melden
26.03.2013 20:24
avatar  Olaf
#12 RE: Mein Hintergrundbild soll gestreckt werden.
Ol
Mitglied

Ich habe das Bild auf 1600*1050 gestreckt,damit mehere Bildschirmauflösungen abgedeckt werden.Schön wäre es,wenn man das Hintergrundbild in dieser Größe in guter Qualität hätte,weil eine Streckung immer ein Qualitätsverlust bedeutet.

Dieser Code setzt ein Hintergrundbild in der Mitte,das nicht mitscrollt.

1
2
3
4
5
6
 
body {
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles_big-k8v1-11-19ca.jpg) !important;
background-attachment: fixed !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
26.03.2013 20:58
#13 RE: Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

Das ist Perfekt Olaf ich danke dir wirklich !!!

Kann ich das gleiche auch noch mit der Kopfzeile machen? mit einem anderen Bild?


 Antworten

 Beitrag melden
26.03.2013 21:24
avatar  Olaf
#14 RE: Mein Hintergrundbild soll gestreckt werden.
Ol
Mitglied

Du kannst doch das Headerbild im Adminmenü unter "Layout→Farben & Einstellungen→Bilder & Hintergründe" einsetzen.
Seidenn Du willst es speziell formatieren.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
26.03.2013 21:50
#15 RE: Mein Hintergrundbild soll gestreckt werden.
mm
Mitglied

Dann sieht das aus wies jetzt aussieht :D


 Antworten

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