kostenloser Webspace werbefrei: lima-city


Mobile Website

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    my-tattoo

    my-tattoo hat kostenlosen Webspace.

    Hallo ich habe ja jetzt meine webseite so weit fertick noch nicht kanns aber alles was sie brauch schohn.

    Jetzt wolte ich mich ran setzten eine Mobile Website zu machen jetzt weis ich das es kosten losse anbiter gebe tut
    aber ich wil ja selber was machen des wegen frage ich hir mal nach wie ich das an besten machen kann...
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. my-tattoo schrieb:
    Hallo ich habe ja jetzt meine webseite so weit fertick noch nicht kanns aber alles was sie brauch schohn.

    Jetzt wolte ich mich ran setzten eine Mobile Website zu machen jetzt weis ich das es kosten losse anbiter gebe tut
    aber ich wil ja selber was machen des wegen frage ich hir mal nach wie ich das an besten machen kann...


    Moin,
    schwer zu lesen aber verdaulich.
    Einfach mal drei eventuelle Lösungen:
    Weiterleitung via .htaccess: http://ohryan.ca/2011/01/21/modern-mobile-redirect-using-htaccess/
    Lösung in PHP: http://mobiforge.com/developing/story/lightweight-device-detection-php
    CSS Media Queries: http://css-tricks.com/css-media-queries/

    MfG

    Beitrag zuletzt geändert: 20.8.2013 17:52:07 von seven-sign
  4. Echt schwer zu lesen...

    seven-sign hat eh schon alles gesagt, für mobile webseiten kann ich dir das empfehlen:
    http://mobile-webseiten-erstellen.de/
  5. Die schlauste Methode wäre, wenn man der Webseite ein responsive Webdesign verpasst.

    > Dazu kann man ein Framework wie Bootstrap von Twitter verwenden
  6. Hallo!
    webfreclan schrieb:
    Die schlauste Methode wäre, wenn man der Webseite ein responsive Webdesign verpasst.

    > Dazu kann man ein Framework wie Bootstrap von Twitter verwenden

    Ich empfinde responsives Webdesign auch als die beste Lösung.
    Ich möchte bei der Umstellung des Design meiner Homepage ebenfalls eine Lösung aus PHP und responsivem Webdesign verwenden. Zuerst frage ich ab, ob das Gerät ein Mobiles ist und dann gibt es zwei verschiedene responsive CSS-Dateien, weil es ja auch mittlerweise Tablets gibt, die so groß wie ein Notebook sind. SO kann das Touch-optimierte Design nicht versehentlcih auf dem Note-/Netbook angezeigt werden.

    Ich hoffe ich konnte helfen!

    MfG. Simon D.
  7. Probiere es mal mit CSS:

    Als erstes gibst du folgenden Code in deine HTML-Seite ein:
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

    Erstell eine neue CSS Datei nur für Handys (mobile.css) und rufe es aus
    <link media="only screen and (max-device-width: 480px) and (min-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" />



    Es geht auch mit PHP:
    <?php
    $tablet_browser = 0;
    $mobile_browser = 0;
     
    if (preg_match('/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
        $tablet_browser++;
    }
     
    if (preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|iemobile)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
        $mobile_browser++;
    }
     
    if ((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml') > 0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
        $mobile_browser++;
    }
     
    $mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'], 0, 4));
    $mobile_agents = array(
        'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
        'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
        'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
        'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
        'newt','noki','palm','pana','pant','phil','play','port','prox',
        'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
        'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
        'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
        'wapr','webc','winw','winw','xda ','xda-');
     
    if (in_array($mobile_ua,$mobile_agents)) {
        $mobile_browser++;
    }
     
    if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'opera mini') > 0) {
        $mobile_browser++;
        //Check for tablets on opera mini alternative headers
        $stock_ua = strtolower(isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])?$_SERVER['HTTP_X_OPERAMINI_PHONE_UA']:(isset($_SERVER['HTTP_DEVICE_STOCK_UA'])?$_SERVER['HTTP_DEVICE_STOCK_UA']:''));
        if (preg_match('/(tablet|ipad|playbook)|(android(?!.*mobile))/i', $stock_ua)) {
          $tablet_browser++;
        }
    }
     
    if ($tablet_browser > 0) {
       // do something for tablet devices
       print 'is tablet';
    }
    else if ($mobile_browser > 0) {
       // do something for mobile devices
       print 'is mobile';
    }
    else {
       // do something for everything else
       print 'is desktop';
    }   
     
    ?>

    (http://mobiforge.com/designing/story/tablet-and-mobile-device-detection-php)
  8. p**********n

    also wennde deine Seite selber für mobile Geräte anpassen willst, dann mach das mit CSS. Da kannst du ja prüfen lassen wie groß der Bildschirm ist und dementsprechend schreibst du dann alles in die CSS Datei. Habe ich auch so gemacht und das ist garnichtmal so schwer. Was du dir da aber noch überlegen musst, ob du nur deine Seite an den Bildschirm anpasst oder auch Schriften und Bilder, aber das musst du ja mit dir ausmachen ;)
  9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!