7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)
  • Q:
    Bijdrager
    juriandv

    iWeb site mobiel maken

    Hoi, ik heb al gezocht maar kon niet iets bruikbaars vinden. Ik heb een site in iWeb en wil deze graag zo maken dat, als ik deze op mijn iPod Touch open, een speciale mobiele versie krijgt. Zie als voorbeeld http://www.appletips.nl . Hoe kan ik dit op een simpele manier doen (dus met iWeb). Bij voorbaat dank! :finderoud: (btw als dit in een verkeerde categorie staat, excuses)

    Bijdrager
    julesp

    Kan je doen met iWebkit en de volgende code in je index.html (in je root)
    [code:1:b968c73884]<HEAD><meta http-equiv="refresh" content="0; url=http://jouwebsite.com/mapvaniweb"></HEAD>
    <!– Javascripts –>
    <script language=javascript>
    <!–
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
    {
    location.href=’http://jouwebsite.com/iphone/’;
    }
    –>
    </script>
    [/code:1:b968c73884]

    Je moet wel een beetje verstand hebben van HTML
    http://iwebkit.net/

    Bijdrager
    KarelWillem
    Bijdrager
    juriandv

    Bedankt. Ik zal ze even (rustig ;)) gaan bekijken.

    Bijdrager
    iPod Jimmy

    Wat ik zelf tof vind is dat je alsvolgt een andere css kan inladen. Deze is dus niet browser-afhankelijk:

    [code:1:e2fe640eba]<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" />[/code:1:e2fe640eba]

    Natuurlijk zal je je wel moeten verdiepen in css nu…

    Daarnaast kan een viewport niet ontbreken:

    [code:1:e2fe640eba]<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    [/code:1:e2fe640eba]

    Bijdrager
    juriandv
    ”iPod

    Wat ik zelf tof vind is dat je alsvolgt een andere css kan inladen. Deze is dus niet browser-afhankelijk:

    [code:1:33559e1071]<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" />[/code:1:33559e1071]

    Natuurlijk zal je je wel moeten verdiepen in css nu…

    Daarnaast kan een viewport niet ontbreken:

    [code:1:33559e1071]<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    [/code:1:33559e1071]

    Dat is echt vet! Ik wist niet eens dat dat mogelijk was. Alleen vind ik de iWeb kit net even wat handiger. (Hoeft nl. maar een klein beetje CSS aan te pas te komen). Ik zal het misschien nog een keer uitproberen

    Bijdrager
    boriskiss

    Succes! Voor iWebkit hoef je trouwens nauwelijks kennis van html te hebben! De tags zijn algemeen bekend en kan je zo opzoeken op het net.

7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.