Darstellungsgröße/Zoom einer Seite im Browser
am 17.03.2012 - 17:10 Uhr in
Hallo Foristen,
ich hätte mal wieder eine Frage an Euch.
Meine Internetseite ist basierend auf dem Theme Danland. Durch das relativ große Bild oben auf der Seite ist bei geringer Auflösung (z.B. 1024x768) ziemlich wenig Content zu sehen. Abhilfe schafft natürlich Strg und "-" bei so geringer Auflösung. Nun ist meine Überlegung, dass bei geringer Bildschirm-Auflösung automatisch die Seite so verkleinert wird, als ob man zweimal "Strg" und "-" drückt.
Wie macht man das elegant in Drupal, gibt es dafür evtl. ein Modul (bei Joomla kann man z.B. ja Zoom-Buttons "+" und "-" einbauen), so dass die Besucher der Seite auch noch selbst zoomen können (ohne Tastatur natürlich)? Gibt es mehrere Alternativen?
Für Tipps bin ich wie immer sehr dankbar!
Viele Grüße
Knobelvogel
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich schätze mal, du bist auf
am 17.03.2012 - 17:59 Uhr
Ich schätze mal, du bist auf der Suche nach soetwas :-)
lieben Gruß
Berthold Lausch
Hallo und Danke für die
am 17.03.2012 - 19:02 Uhr
Hallo und Danke für die schnelle Antwort!
Ich bin mir nicht sicher, ob das für meine Zwecke reicht.
Werden da auch Bilder verkleinert wie beim Firefox z.B. über "STRG" und "-"? Die Beispiele sehen mir nicht danach aus und der Text ist nicht ganz eindeutig angesichts der Beispielseiten.
Es soll halt die gesamte Seite gezoomt werden können mit allem Inhalt, Bildern, Logos und Menüs...
Geht das damit? Dann wäre es richtig.
Grüße
Knobelvogel
Soweit ich mich erinnere,
am 17.03.2012 - 20:21 Uhr
Soweit ich mich erinnere, wird dabei nur die Textgröße modifiziert.
Beste Grüße
Werner
Hallo Werner und danke für
am 17.03.2012 - 20:32 Uhr
Hallo Werner und danke für die Antwort!
Gibt es denn noch Alternativen? Kann man vielleicht auch die "STRG" und "-" Tastenkombination imitieren per Script und Buttons dafür machen? Oder wird so etwas grundsätzlich von Firewalls/Antivirenprogrammen etc. geblockt?
Grüße
Knobelvogel
Edit:
Habe da gerade was gefunden...
http://www.js-forum.de/thread.php?threadid=499&boardid=13&sid=b80c12429d...
Meint Ihr, damit könnte man etwas anfangen und das mit Drupal zusammenschustern und wird das auch ausgeführt je nach Security-Einstellungen/Software?
Was Du möchtest, ist eine
am 17.03.2012 - 20:31 Uhr
Was Du möchtest, ist eine rein clientseitige Anwendung. Also sollte das mit JavaScript/jQuery irgendwie zu lösen sein. Da müßtest Du mal Tante Google befragen.
Edit: Was Du da gerade gefunden hast, ändert aber auch nur die Fontsize, also Text.
Beste Grüße
Werner
Die Frage wäre dann auch
am 17.03.2012 - 20:41 Uhr
Die Frage wäre dann auch noch, ob Drupal und vor allem wie es Scripts auf Buttons zulässt.
Wäre das der Weg?
- O.g. Script (siehe mein Edit) in der Theme-info (?) einfügen.
- Entsprechende Änderungen in der Theme-PHP einfügen
- oder kann man Scripte anders über Buttons aufrufen?
Edit:
Ouch, ich dachte das wäre die gesuchte Funktion! Muss ich nochmal suchen.
Aber wie würde ich es denn richtig einbinden. So wie oben?
Einbinden über eine
am 17.03.2012 - 20:44 Uhr
Einbinden über eine Kombination von Skript über die .info-Datei im Theme und evtl. nötiges HTML in der page.tpl.php.
Beste Grüße
Werner
Super! Danke!Ich denke, dann
am 17.03.2012 - 21:44 Uhr
Super! Danke!
Ich denke, dann komme ich klar.
Vielleicht schreibe ich die Umsetzung, falls ich ein Script finde, hier noch, damit andere das auch umsetzen können.
Komisch, dass es da noch kein Modul für gibt...
Schöne Grüße und noch einen schönen Abend!
Knobelvogel
Edit:
Lässt sich wohl derzeit noch nicht steuern, nur das Zoom-Level abfragen und darauf reagieren (Hinweismeldung, Weiche auf mehrere Seiten nach Auflösung einbauen, etc.) geht - siehe
(Hier ist JS zu dem Zweck veröffentlicht - Funktion muss erst geprüft werden)
http://blog.sebastian-martens.de/2009/12/how-to-detect-the-browser-zoom-...
http://forums.mozillazine.org/viewtopic.php?f=38&t=688405&sid=42578e121f...
Dann geht es wohl bei Joomla auch nicht. Da habe ich mich wohl vertan. Schade. Basierend auf Danland mache ich dann wohl erstmal keine Seiten mehr, bis man hohe Bildschirmauflösungen voraussetzen kann. (Insbesondere Netbooks sind da ein Problem)
Edit 2:
Obwohl - vielleicht könnte man ja nach Abfrage dann das Slideshow-Bild austauschen durch ein kleineres in der Höhe zumindest und andere CSS aufrufen... !?
Ich habe noch nie eine Seite für Smartphones (habe auch keines) gemacht. Aber prinzipiell müsste man doch dann auch eine Extra-Seite definieren und die Schnittstelle hier nutzen können, wenn man das Zoomlevel und die Auflösung weiß?
Sorry für das
am 17.03.2012 - 21:47 Uhr
Sorry für das Doppel-Posting!
Aber meine Hoffnung ist, dass Werner noch etwas zu der Smartphone-Lösung sagen kann und meine Angst, dass er die Edits nicht mitbekommen hat.
Der Gute hat immer so hilfreiche Tipps parat.
Grüße
Knobelvogel
Suche mal nach dem Stichwort
am 17.03.2012 - 23:31 Uhr
Suche mal nach dem Stichwort "Responsive Theming" oder "Responsive Design". Das geht mit HTML5/CSS3. Da kann man im CSS Mediaabfragen einbauen, die die Größe des Browserfensters abfragen. Damit kann man dann die Anordnung von Elementen steuern und zum Beispiel die Blöcke untereinander statt nebeneinander anordnen, falls der Bildschirm schmaler ist. Das Omega-Theme unterstützt so etwas zum Beispiel.
Beste Grüße
Werner