ilch Forum » Allgemein » HTML, PHP, SQL,... » Mobile Ansicht ab Auflösung .....

Geschlossen
  1. #1
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Hallo an die Community lächeln

    Es gibt ja die Möglichkeit neben dem normalen Template eines für die mobile Ansicht einzusetzen mittels Eintrag in der user.php.
    Allerdings ist ja dies auf gewissse Endgeräte begrenzt.

    user.php

    function check_mobi($useragent) {
     
        if(preg_match('/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|pad|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))) { return true; }
     
      }
      if (check_mobi($_SERVER['HTTP_USER_AGENT'])) { $_SESSION['authgfx'] = 'Template_Name'; } else { $_SESSION['authgfx'] = $allgAr['gfx'];}
     
    }


    Gibt es da evtl. eine Möglichkeit dies so einzutragen, dass es ab einer bestimmmten Auflösung greift (< 800px )? Meine Kenntnisse zum Thema php halten sich sehr in Grenzen grumml .
    Über Tipps, bzw. Lösungswege wären hier sicherlich neben mir einige sehr erfreut.

    Mfg Maretz


    verwendete ilch Version: 1.1 P
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Per PHP kannst du die Auflösung nicht erfragen / abfragen.

    Die Auflösung kannst du per JS Auslesen, diesen Wert müsstest du dann an eine PHP Funktion übergeben.


    Die einfache Lösung wäre das Thema "Responsive Webdesign".


    Zuletzt modifiziert von Revolution am 09.05.2014 - 19:14:41
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    mic_pt Mitglied
    Registriert seit
    03.01.2008
    Beiträge
    319
    Beitragswertungen
    19 Beitragspunkte
    <script LANGUAGE="JavaScript">
    function frag() {
        if ((screen.width == 1024) && (screen.height == 768))
        alert(" 1024 x 768");
        if ((screen.width == 800) && (screen.height == 600))
        alert(" 800 x 600");
    }
    </script>


    auf jeden fall ist "screen" ein ansatz - allerdings ist es schwer dei Browserauflösung abzufragen (wenn browser nicht im vollbild)


    Zuletzt modifiziert von -saarlonz- am 09.05.2014 - 19:20:38
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Ja, mit dem responsiven ist dies kein Thema, allerdings wollen einige nicht von dem bestehenden abweichen, aber Mobil etwas bieten.Da es aber nur durch Änderungen an dem Template möglich ist, wäre das für den einzelnen zu Aufwendig.Und leider gibt es zu Ilch 1.1. kaum responsive.

    Mit dem Script wäre doch ein Ansatz. Es müssen doch nicht mehrere Auflösungen abgefragt werden.Die größte sollte doch reichen um das Design zu schalten,da den Rest die css vom Design doch übernehmen würde ?
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Wie gesagt die Variante mit einem etxra Mobil Design bringt einige Nachteile und macht es nicht ganz einfach.

    Du müsstest es, wie im Code von mic_pt mit Screen machen, damit bekommst du die derzeitige Fenstergröße. Die mögliche Vollbildgröße kannst du nicht Abfragen.

    Diese müsstest du nun an ein PHP Script übergeben, welches dann das Design für den User setzt. Du brauchst also etwas erfahrung in JS und etwas mehr in PHP.


    Die alternative Responsive Webdesign, meiner Meinung nach die bessere, benötigen nur HTML und CSS.
    Dafür passt sich das Design (on the fly) in der Breite an, und du kannst es einfacher Aufbauen. Du musst z.b. nur ein Design pflegen und nicht zwei getrennte.



    Zuletzt modifiziert von Revolution am 09.05.2014 - 19:26:23
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    1 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    1 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Alternativ könnte man auch nur "Media Queries" benutzen, wobei das natürlich bei älteren Browsern probleme machen wird.


    Die Lösung mit der Subdomain für das Mobile Theme erinnert mich immer an die Anfangszeiten des Handy-Wap's, da wurde das auf einmal "modern".
    Frage ist auch ob es nicht sogar nachteile bringt (SEO) wegen doppeltem Content unter zwei Adressen. (Ist mir irgendwie im Hinterkopf)


    @Maretz
    Ich war eh verwundert, du machst ja sonst schon resp. Webdesign's.
    Die Variante mit dem Mobile Theme ist natülrich für Einsteiger einfacher (von wegen Tabellen-Designs und und und)


    Der Link von -saarlonz- (Was er nicht alles weiß) ist aber doch nen guter Ansatz lachen

    Zuletzt modifiziert von Revolution am 09.05.2014 - 19:36:25
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    @ Revolution

    Ja, stimmt alles was du schreibst. lächeln
    Ich biete ja auch im Moment 2 responsive FreeTemplates an.Nur scheint das Interesse mehr an der mobilen Ansicht zu hängen... :)Wie es halt so ist mit den Geschmäckern lachen .

    Mit dem Link von -saarlonz- lässt sich doch einiges anfangen,da man dort die Ausgangsmaße angeben kann.Mal schauen ob dann die css der mobilen Version weitere Ausflösungen umsetzt.

    Nochmals vielen Dank für die Info´s .

    Mfg Maretz
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Wenn du ein Template hast das im Aufbau dynamisch ist also div keine tabellen, dann kannst du innerhalb der CSS bestimmen ab welcher Auflösung welche Sheets genutzt werden.

    Beispiel
    a {
      color: pink;
    }
     
    @media(max-device-width: 480px){
      a {
        color: blue;
      }
    }
    Stichwort: Media Queries


    Für Smartphones musst du allerdings mindestens zwei Auflösungen berücksichtigen einmal Hochformat und einmal Querformat.

    Also max-device-width zwischen 480px und 740 px oder ähnliches, die Auflösungen variieren untereinander auch des öfteren bei den Anbietern z.B. Samsung und Apple. zwinker
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    @ Ahrtas

    Ja, diese Umsetzung ist mir bereits bekannt. lächeln
    Da doch noch viele tabelle nutzen ist dies keine Option für den Freebereich.

    Habe nun eine brauchbare Lösung gefunden.Dabei nutze ich die Erweiterung der user.php, die hier im Forum bereits ein Thema war.
    Durch hinzufügen der mobile_ids.html ( externer Link )
    wird das mobile Design auch auf den Tablet´s angezeigt.Das war eigentlich das wichtigste Anliegen für mich.

    Mfg Maretz
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Naja grundsätzlich ist es auch auf Tabellen anwendbar, nur eben aufwendiger es dynamisch umzusetzen aber die Zukunft geht eben in die Richtung und jetzt noch auf der Strecke zu bleiben ist nicht wirklich empfehlenswert.

    Lieber würde ich an deiner Stelle auch die passende Technologie verwenden wenn man schon Nutzer mit den neuesten Endgeräten ansprechen möchte. zwinker

    Außerdem hilft das auch ein Stück dass die Leute keine Tabellen mehr verwenden sondern eben auf den Standard der Zeit zurückgreifen.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    ZitatZitat geschrieben von Ahrtas
    Lieber würde ich an deiner Stelle auch die passende Technologie verwenden wenn man schon Nutzer mit den neuesten Endgeräten ansprechen möchte. zwinker


    Ich habe den Verdacht, dass du das Thema von diesem Beitrag hier etwas übersehen hast. zwinker
    Wer mich kennt,der weiß, dass ich mich nicht vor der Zukunft drücke... lachen

    Es gibt viele die halt noch Templates nutzen,auf tabelle oder div ohne responsive Option.Dazu hatte ich schon vor einiger Zeit ein Download geboten,der auch in Anspruch genommen wurde um Mobil sich anzupassen.
    Mit dieser Lösung will ich diesen mal etwas updaten.
    Diese Option ist dann für jeden geeignet, unabhänig von gewähltem Template, ob tabelle ect.

    So isses halt.Es gibt halt viele gute Templates zu dem Ilch 1.1. CMS, allerdings viele auf Tabelle und nicht mobil geeignet.

    Versuche mal einem Gamer von seinem guten Design ( tabelle/grafiken) wegzubekommen und auf ein responsives zu wechseln ... lachen Da wird eher diese Option ansprechen, was auch 1. Zweck ist von meinem Hobby.Alternativen bieten ..... zwinker

    Mfg Maretz


    Zuletzt modifiziert von Maretz am 10.05.2014 - 23:08:02
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Wobei ich mir aber manchmal wirklich die Frage stelle wieso die Weltkonzerne wie Facebook oder google dies noch nicht umgesetzt haben!?
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Was meinst du direkt mit deiner Frage...
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Wieso gerade die "großen" noch nicht auf responsiv "umgestellet" haben. Hat jetzt nichts direkt mit deinem Thema hier zu tun zwinker
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Stimmt.Da fahren sie auf mehreren Schienen. ( Apps, separate Mobil Ansicht ... ) Vieleicht wird es zu aufwendig sein das System nachträglich umzuwerfen. lächeln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten