Page 1 of 2 12 LastLast
Results 1 to 20 of 25

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.

Thread: iPhone Web Page Template

  1. #1
    Former Owner / Founder of ModMyi Kyle Matthews's Avatar
    Join Date
    May 2007
    Tampa, Florida, United States
    Thanked 4,905 Times in 1,247 Posts

    Default iPhone Web Page Template
    Care of Joe Hewitt, here's a great template for those iPhone sites we keep seeing pop up.

    iSite Template

    Here's the source:

    ↑ ↑ ↓ ↓ ← → ← → B A [select] [start] Kyle Matthews

  2. The Following 4 Users Say Thank You to Kyle Matthews For This Useful Post:

    emo-3amer (2010-01-17), IJudgeyI (2009-07-03), janetbabe (2010-10-24), me_myself (2010-06-08)

  3. #2

  4. #3
    Default Using iPhone Web Page Template
    I've modified this template for my website that I want to create an iPhone version for. I'm fairly new to web design (I used dreamweaver to create my main site, but this task is beyond dreamweaver. I've changed around the code to suit my purpose, but now I need to know how to do several things.

    How do I make a menu item (ie: E-Mail below) go to a contact form? I know how to create the contact form, but I don't see in the code where to change the navigation, only to create another sub list.

    Next question, how would I set it up to go to the full site and bypass the script that redirects it to the iPhone version?

    Ok, can't copy the code apparently...basically I've taken the artist names on this template and changed them to menu items (Property Search, Email Me, Your Home's Value, etc.) then album names I changed to sub lists.
    Last edited by ethomson; 2009-03-27 at 05:17 PM. Reason: to show code

  5. #4
    I know nothing about javascript and i just need to be able to make links go to external pages with this template any ideas?

  6. #5

  7. #6
    Hi there,

    Thank you for this template, it's brilliant but i am trying to sell products via paypal within the site and i just can't get anything to work... Have you got any ideas on how to submit data to paypal so i can sell my products?

    Thanks in Advance,


  8. #7
    iPhone? More like MyPhone djdraco's Avatar
    Join Date
    Nov 2007
    Annapolis, MD
    Thanked 4 Times in 4 Posts

    Dude I've been looking for something like this so I can build my site for the iPhone

  9. #8
    Check mine out bud. Xbox Pointz - King of Codes, King of Live! - If you log on on the computer it is the original site but if you go on it by iphone it redirects to this template the only thing is i need to get a way to link to other sites as you can't and also be able to sell via paypal which needs the buy now button

  10. #9
    Great template!

    However, when linking to external sites, the page doesn't load.

    Yes, I know the code that is causing it, and seeing as I'm not very knowledgeable in JavaScript, I cannot find a way to fix it.

    Can you give an example of going to external sites if the link DOESNT begin with #?

  11. #10

  12. #11
    Once I get to the last selection how can I make it print out "you have select A B and C from the previous screens" ? I am trying to write an X10 controler and I dont know to tell which select the user made.

  13. #12
    Thanks, I edited it and here it is

    Black NaTur3

    I hope U like it ..

  14. #13
    Thanks! Very handy.

  15. #14
    nice good work... You are seeming to be a good iphone app developer

  16. #15
    Well i had it covered with a set of iPhone-optimized web site templates.
    NO signature spam or links.... only warning

  17. #16
    Hi guys, if anyones interested I found out how to open external web pages using some simple javascript:

    It's the onClick function I am using to override the 'a' and href attributes overriden in this templates javascript file, preventing external loading of pages.

    in you '<a>' link that you would like to load externally, simply add the onClick attribute:
    as an example:

    <a href="#" onclick="'','Portfolio','resizable=yes,width=500 ,height=400, top=10, left=10');">Portfolio</a>
    hope this helps,



  18. #17
    Great posting. Thanks a lot for the template - was searching for something similar for a pretty long time.

    I have one question - how do i add a login screen before showing the first level menus? login should have username, password and a login button - once login button is pressed, it should show the first level navigation. I tried altering the search form, but not able to get it right.

    Please help. Thanks.

  19. #18
    Default scrolling issues - need some help with js maybe?
    Awesome template exactly what I was looking for for a quick mobile addition of some basic data I needed to display.

    - Looks & works great on my iphone(3gs) but many of my users will visit the link via Android
    It looks great on Android too, but the windows dont scroll up/down with swipe

    and actually opening it from desktop Firefox doesnt have any ability to scroll windows either...?

    Is there a way to enable scroll bars or something in the .js file?

    any help would be paramount as this is the last piece of the puzzle to achieve a flawless template.


    okay maybe this? yes/no

    in iphonenav.css

    line 7:

    change from:
    overflow: hidden;
    overflow: scroll;
    but what does this actually do?

    I dont see a differance in ios.

    also, what would be a snippet of code to add an image to one of the swiped pages but not open an external page?

    thanks a million for this
    Last edited by jakobe; 2010-08-20 at 05:05 PM. Reason: Automerged Doublepost

  20. #19
    Hi guys I'm total newbie where can I host this script for the isite?? Cheers

  21. #20
    you can host it on any webserver, the files are very light and small.

    modify all of your files and then upload them via FTP to a webserver such as Godaddy.

    for example if your domain was

    you would upload all of the files into the main directory for the domain
    (keeping their original folder structure)

    So by visiting the url on the iphone would bring up the files.

Page 1 of 2 12 LastLast
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts