Lexi Help
Die neuesten Themen
» [phpBB2] Hintergrund festpinnen
von Fayé Heute um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

Partner
free forum

 [phpBB3] Hintergrundbild strecken

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am So 2 Feb 2014 - 23:54

Hallo zusammen,

ich arbeite momentan an einem Design meines Forums. Dabei sind nun erste Probleme aufgetreten, die ich nicht mehr ohne Hilfe lösen kann.

Das Hintergrundbild meines Forums wird sowohl senkrecht als auch waagerecht wiederholt.
Sämtliche Anleitungen, die ich über die Hilfeaktion gefunden habe, haben mich nicht weitergebracht bzw. brachten kein überzeugendes Ergebnis.
Entweder war der Hintergrund dann komplett grün oder aber die Formatierung der Seite ging verloren.

Was kann ich nun machen, damit das Hintergrundbild gestreckt dargestellt wird?

LG AnK

AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von #Frank am Mo 3 Feb 2014 - 0:03

Du solltest dir bitte das hier anschauen:
http://hilfe.forumieren.com/t26288-tutorial-hintergrundbild-an-verschiedene-bildschirmauflosungen-anpassen

Ich denke, das das die einzig Praktikable Lösung für dich ist, da es bis heute noch nicht möglich ist, ein Hintergrundbild Variabel anzupassen.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am Mo 3 Feb 2014 - 0:04

Diese Anleitung habe ich gestestet. Es hat sich leider nichts verändert.

AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am Mo 3 Feb 2014 - 0:10

Ich habe nun nochmals die Anleitung befolgt. Das Ergebnis: Das Bild ist weg, stattdessen ist alles grün.

AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von #Frank am Mo 3 Feb 2014 - 0:15

Woran machst du fest, das es nicht funktioniert?
Da dieses Tuto schon sehr alt ist, ist auch die Lösung, wie du das Script in dein Forum einsetzen sollst, nicht mehr up to Date.
Du solltest das Script inzwischen direkt über die Java Script Verwaltung einsetzen.
Das ersetzt dir Schrit 1 und 2 der Beschreibung.
Du solltest auch dein Hintergrundbild aus der Bilderverwaltung entfernen.
Das es Funktioniert, kann ich dir versichern. Dieses Script mit den verschiedenen Hintergrund Grafiken läuft bis heute in meinem Testforum.

Wo hast du dabei die Probleme?

Würdest du bitte den Inhalt deines Script bitte mal hie Posten?
Setze das bitte in
Code:
[code][/code]



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am Mo 3 Feb 2014 - 0:28

Das ist alles was ich gefunden habe. Weiß allerdings nicht, ob das der richtige ist.

Wie würde das denn funktionieren, wenn ich den Code direkt in der Java Skript Verwaltung eingebe?

Code:
<span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">var bg= "Die Adresse des Hintergrundbildes mit der Höchsten Auflösung (größer als 1600 Pxiel)";</span><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">if(screen.width < 801) bg="Die Adresse des Hintergrundbildes mit der Auflösung 800x600";</span><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">else if(screen.width < 1025) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1024x768";</span><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">else if(screen.width < 1281) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1280x960";</span><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">else if(screen.width < 1441) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1440x1080";</span><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">else if(screen.width < 1601) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1600x12003";</span><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><br style="margin: 0px; padding: 0px; color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);" /><span style="color: rgb(46, 139, 87); font-family: Verdana, Tahoma, Arial, Courier, CourierNew, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">document.body.style.backgroundImage="url("+bg+")";</span>

AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von #Frank am Mo 3 Feb 2014 - 0:37

So, nun habe ich mal mein Rechner noch mal angeschaltet und mir dein Forum noch mal angesehen.
Zu erst mal deinen HTML Seite mit dem Script.
Die sieht so aus:
Code:
var bg= "Die Adresse des Hintergrundbildes mit der Höchsten Auflösung (größer als 1600 Pxiel)";

if(screen.width < 801) bg="Die Adresse des Hintergrundbildes mit der Auflösung 800x600";
else if(screen.width < 1025) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1024x768";
else if(screen.width < 1281) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1280x960";
else if(screen.width < 1441) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1440x1080";
else if(screen.width < 1601) bg="Die Adresse des Hintergrundbildes mit der Auflösung 1600x12003";

document.body.style.backgroundImage="url("+bg+")";

Ich denke das du nicht verstanden hast, was in dem Tuto geschrieben wurde.
Dort wo bei dir immer steht "Die Adresse des Hintergrundbildes mit der..." musst du natürlich die Adressen der Hintergrundbilder eintragen.
Dann hast du den Code auf deiner HTML Seite nicht im Codemodus oder besser im HTML MOdus eingesetzt.
Das hat zur folge, das es dort auch noch Textformatierungen gibt.
Rufe bitte deine HTML Seite noch mal zum Editieren auf und nutze bitte dieses Icon dazu:
Lösche den gesamten Inhalt.
Setze bitte noch mal den gesamten Code aus dem Tuto dort ein.
Bearbeite die Stellen mit dem Text "Die Adresse des Hintergrundbildes mit der..." so, das dort zwischen den Anführungszeichen auch immer eine gültige Bildadresse zu deinem verschiedenen Hintergrundbildern eingetragen ist.
Wenn du das erledigt hast, wird es auch Funktionieren.

Übrigens resultiert die Grüne Farbe daraus, weil du das als Hintergrundfarbe in deinem Forum eingesetzt hast.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von #Frank am Mo 3 Feb 2014 - 0:40

@AnK1904 schrieb:
Wie würde das denn funktionieren, wenn ich den Code direkt in der Java Skript Verwaltung eingebe?

Nein, so wie dein Code im Moment aussieht, würde der auch dort nicht funktionieren.
Mach es nochmal so, wie ich es dir oben beschrieben habe und ändere Die Einträge zu den Bildern entsprechend.
Wenn du dir nochmal in aller Ruhe das Tuto anschaust, wirst du auch erkennen, was du falsch gemacht hast.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am Mo 3 Feb 2014 - 1:56

Mittlerweile habe ich die Fehler beseitigt *wer lesen kann...* ist wohl schon zu spät heute Nacht.
Die Codes habe ich immer direkt über "Diesen Code markieren" übernommen.

Der Link des Bildes lautet http://imageshack.com/a/img546/1536/mdu5.jpg

Der Code müsste dann doch folgendermaßen aussehen, oder?

Code:
var bg= "http://imageshack.com/a/img546/1536/mdu5/1600x12003.jpg";

if(screen.width < 801) bg="http://imageshack.com/a/img546/1536/mdu5/800x600.jpg";
else if(screen.width < 1025) bg="http://imageshack.com/a/img546/1536/mdu5/1024x768.jpg";
else if(screen.width < 1281) bg="http://imageshack.com/a/img546/1536/mdu5/1280X960.jpg";
else if(screen.width < 1441) bg="http://imageshack.com/a/img546/1536/mdu5/1440x1080.jpg";
else if(screen.width < 1601) bg=http://imageshack.com/a/img546/1536/mdu5/1600x12003.jpg";

document.body.style.backgroundImage="url("+bg+")";


Sobald ich den Code

Code:
body{
   background-position: top center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}


im Stylesheet eingebe, verschwindet das Bild. Vorher wird es zwar dargestellt, aber weiterhin nicht gestreckt (s.u.).

Es soll eigentlich so aussehen, jedoch das Bild gestreckt:


AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von #Frank am Mo 3 Feb 2014 - 10:07

Ja, wer lesen kann, ist klar im Vorteil.
Schau dir bitte an, was ich dazu im Tuto geschrieben habe:
Was wir nun brauchen ist ein Hintergrundbild, das in guter Auflösung so breit sein sollte, wie die höchste Auflösung, die wir abdecken wollen.
Hier also 1920 pixel - natürlich auch in der Höhe des Bildschirms.
Wenn wir so ein Bild haben, dann müssen wir das nun entsprechend auf die Größen der anderen Auflösungen verkleinern.
Also brauchen wir unser Hintergrundbild sechs mal in verschiedenen Größen.
Ich selber habe das mal vorbereitet, allerdings nur bis zu einer Größe von 1600 Pixel.
Hier mal meine Grafiken:
http://www.abload.de/image.php?img=800x600sz85.jpg
http://www.abload.de/image.php?img=1024x768jaiz.jpg
http://www.abload.de/image.php?img=1280x960el5g.jpg
http://www.abload.de/image.php?img=1440x1080tlif.jpg
http://www.abload.de/image.php?img=1600x12003z2s.jpg
Wenn du dir nun meine Beispielbilder anschaust, siehst du das es zwar immer das selbe Bild ist, aber das es verschieden groß abgespeichert ist.
Du hingegen hast dein Bild genommen, was ca. Halb so groß, 450 x 600 Px, ist und hast einfach einen Zusatz hinter den Namen des Bildes gesetzt.
So Funktioniert das nicht.
Hast du nun verstanden, was du machen mußt?

Schau mal, auf dieser Seite findest du Hintergrundbilder, auch in hoher Auflösung.
http://www.wallpapers-hintergrundbilder.de/desktop-wallpaper-landschaften.htm
Dieses speicherst du dir auf deinem Rechner ab, verkleinerst das mit einem Grafikprogramm und lädst die verschiedenen Bilder in den angepassten Größen hoch.
Die Links zu den entsprechenden Bildern setzt du dann in deinem Script ein.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am Mo 3 Feb 2014 - 11:01

Als ich im Bett kam, kam mir dann die Idee, direkt den Bild-Link online zu beziehen.
Ich habe nun alles komplett nochmal gelöscht, auch das Hintergrundbild und bin vorgegangen, wie es beschrieben wurde [ich habe auch die Hintergrundfarbe rausgenommen]. Anschließend habe ich das Bild wieder eingesetzt. Das Ergebnis: Das Bild wurde wieder nicht angezeigt, stattdessen war nun der gesamte Hintergrund weiß, nachdem ich denn Css-Stylesheet-Code eingegeben habe.

So sieht nun der HTML-Code aus:

Code:
var bg= "http://imagizer.imageshack.us/v2/1600x1200q90/546/mdu5.jpg";
 
if(screen.width < 801) bg="http://imagizer.imageshack.us/v2/800x600q90/546/mdu5.jpg";
else if(screen.width < 1025) bg="http://imagizer.imageshack.us/v2/1024x768q90/546/mdu5.jpg";
else if(screen.width < 1281) bg="http://imagizer.imageshack.us/v2/1280x1024q90/546/mdu5.jpg";
else if(screen.width < 1441) bg="http://imagizer.imageshack.us/v2/1440x1080q90/546/mdu5.jpg"
else if(screen.width < 1441) bg=http://imagizer.imageshack.us/v2/1600x1200q90/546/mdu5.jpg";
 
document.body.style.backgroundImage="url("+bg+")";

AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von #Frank am Mo 3 Feb 2014 - 12:40

Ich glaube du verstehst mich nicht.
Hast du deine Bilderlinks mal aufgerufen?
Es ist jedes mal das selbe Bild in der selben Größe!
Klick mal das Bild hier an:
http://imagizer.imageshack.us/v2/1600x1200q90/546/mdu5.jpg
Das ist dein Hintergrund, der eigentlich 1600x1200 Px groß sein soll.
Dein Bild ist aber nur 450x600Px groß.
Da das Hintergrundbild aber durch den CSS Code centriert wird liegt es nun hinter deinem Forum und ist deshalb nicht zu sehen.
Du verstehst einfach nicht, das du verschieden große Hintergrundbilder brauchst. Deine sind aber alle gleich groß. Es ändert sich aber auch nicht dadurch, das du die unter verschiedenen Namen abspeicherst.

Ich denke es wird das Beste sein, wenn du alles wieder zurück setzt, und dann mal diesen Weg gehst:
http://hilfe.forumieren.com/t38282-tutohintergrundbild-fur-verschiedene-auflosungen-uber-das-css-anpassen
aber ich Sage dir gleich, das dein Bild was du einsetzt dann qualitativ sehr schlecht angezeigt wird.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re:  [phpBB3] Hintergrundbild strecken

Beitrag von AnK1904 am Mo 3 Feb 2014 - 13:39

Danke. Die andere Anleitung hat mich zum Ziel gebracht. Das Foto war im übrigen nicht zu klein.
Ich schließe damit das Thema.

AnK1904
Neuling
Neuling

Beiträge : 13
Anmeldedatum : 05.06.12

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten