Seite 1 von 1

Bildschrimauflösung

Verfasst: 22.11.2006 17:18
von faster
Hallo

Ich habe da mal ne Frage.
Ich habe im Forum ein Hintergrundbild, meine Bildschrimauflösung ist 1024x768 und die von ein Kumpel ist 1280x1024.
Wie kann ich es im Forum nun so machen, das das Hintergrundbild nun bei mein Kumpel auf seine größe gebracht wird und nicht in 4 Teilen ist.
Ich habe da mal ein wenig gegoogelt und habe das gefunden.
Um User umzuleiten in Abhängigkeit von ihrer Bildschirm auflösung einfach in die Datei von der aus umgeleitet werden soll folgendes JavaScript in den Head Abschnitt (das ist der Bereich in dem Document der zwischen <Head> und </Head> ist) packen:
<script language="JavaScript1.2">
<!--
if (screen.width==800||screen.height==600)
window.location.replace("http://www.domain.de/index800.html")
else if (screen.width==640||screen.height==480)
window.location.replace("http://www.domain.de/index640.html")
else if (screen.width==1024||screen.height==768)
window.location.replace("http://www.domain.de/index1024.html")
else if (screen.width==1280||screen.height==1024)
window.location.replace("http://www.domain.de/index1280.html")
else
window.location.replace("http://www.domain.de/indexHigh.html")
//-->
</script>
Ich möchte das aber nicht unbedingt in jeder tpl datei einfügen.
Ist es da machbar das irgendwie mit in der css Datei einzufügen, das es für jede tpl dabei gilt?

Verfasst: 22.11.2006 17:20
von area57
Moin,

ansich sollte es reichen dies in die overall_header.tpl zu kopieren ;)

Verfasst: 22.11.2006 19:46
von faster
Erst mal danke für deine Antwort.

Ich hatte das in der overall_header eingefügt zwischen den

<head><script language="JavaScript1.2">
<!--
if (screen.width==800||screen.height==600)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else if (screen.width==640||screen.height==480)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else if (screen.width==1024||screen.height==768)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else if (screen.width==1280||screen.height==1024)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
//-->
</script>
</head>

Hat da vllt noch einer eine Idee?

Verfasst: 22.11.2006 20:16
von Olli Oberhausen
Ich glaube der code sollte dich nur als anregung zur ermittlung der bildschirmgröße animieren.

Statt

Code: Alles auswählen

window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/") 
solltest du dich mal über:

Code: Alles auswählen

document.getElementById("hintergrund").style.background = "xxxx.gif";
Informieren.

"hintergrund" sollte die id der tabellenspalte sein und xxx.gif eine deiner grafiken.

Mehr davon gibbet hier:
http://de.selfhtml.org/javascript/objekte/style.htm
http://de.selfhtml.org/javascript/objek ... ment_by_id

Gruß, Olli

Verfasst: 22.11.2006 20:28
von Sorren
So wie ich das sehe geht der Link:
http://psychos-multigaming.phpbb-de.com/Soeldner/
immer in das gleiche verzeichnis.

Bei dem andern Skrip wird 4mal ne neue index angegeben die jeweils das logo anders darstellt. probiers erstma nur mit 2 neuen indexseiten aus dann kannst das beliebig erweitern.

Verfasst: 22.11.2006 21:01
von faster
Oh mist. Da hatte ich vergessen in mein vorigen Beitrag noch was wichtiges mit reinzuschrieben.

Wo ich den Code
<head>
<script language="JavaScript1.2">
<!--
if (screen.width==800||screen.height==600)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else if (screen.width==640||screen.height==480)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else if (screen.width==1024||screen.height==768)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else if (screen.width==1280||screen.height==1024)
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
else
window.location.replace("http://psychos-multigaming.phpbb-de.com/Soeldner/")
//-->
</script>
</head>
so in der overall_header hatte, wurde die Seite immer wieder neu geladen, hatte immer nur ein weißen Bildschirm.

@Olli Oberhausen
Ich werde das morgen mal versuchen und dann bescheitgeben ob es geklappt hat oder nicht.

Verfasst: 23.11.2006 00:20
von gn#36
Das Problem mit der Weiterleitung im overall_header ist, dass er nicht unterscheidet, ob man bereits am Ziel ist, oder ob man noch umgeleitet werden muss. Der Ansatz von Olli Oberhausen ist also günstiger, das andere kann so (zumindest ohne Prüfung ob es nicht vielleicht schon so ist wie es sein soll) nicht funktionieren. Zudem passiert die Weiterleitung im Header ja in sämtlichen Dateien und vor allem ohne Überprüfung zu welcher Datei es eigentlich gehen soll.

Verfasst: 23.11.2006 20:37
von faster
Ich habe es nun anders gemacht.
nun ist das Bild zwar nicht in voller breite, aber mir reicht es so.

Hier der Code dazu.

Code: Alles auswählen

background                 :url(images/bild.jpg) center no-repeat fixed;
Mein danke geht an Max