Making iPod Website with the cool nav bar thing...

Discussion in 'Mobile Web Development' started by JoshTouch, Mar 25, 2008.

  1. JoshTouch

    JoshTouch New Member

    Joined:
    Oct 10, 2007
    Messages:
    120
    Likes Received:
    1
    How can I make my website like this, here...

    As in the words in the boxes thing?

    Thanks,

    Josh
  2. ElectricBuffalo

    ElectricBuffalo New Member

    Joined:
    Dec 25, 2007
    Messages:
    185
    Likes Received:
    1
    well i didn't really look at the code on that website specifically, but i'd imagine you just make a DIV (or layout) table that stretches across the screen (width=100%), put that color of background and outline, then put words and a link on it lol...

    depending on your knowledge of coding, that might have all sounded like gibberish to you...
  3. Max

    Max New Member

    Joined:
    Sep 18, 2007
    Messages:
    67
    Likes Received:
    1
    Device:
    iPhone
    dont forget the infamous

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;

    It sets your, well, "viewport" (the actual center window on yer touch) to show (or compress!) the normal safari browser viewer to mobile-safari size (device-width) and also sets whether you can pinch or not , and in that case how much, (maximum-scale, user-scalable)

    Fantastic little line in my opinion!

    Please Register or Log in to view images



    Read more about the viewport settings HERE!
    1 person likes this.
  4. Kalumon

    Kalumon New Member

    Joined:
    Mar 14, 2008
    Messages:
    10
    Likes Received:
    0
    Hum, since the iPhone SDK Dashcode has the feature to create Web Apps!
    There you can make them "easy"...
    I think in some time there would come turtorials for that new Dashcode feature...
    I nedd one, i searched for, but i dont find...
    My experence with the JS in Dashcode for WebApps is not enough... sadly...
  5. JoshTouch

    JoshTouch New Member

    Joined:
    Oct 10, 2007
    Messages:
    120
    Likes Received:
    1
    I have got most of what you are saying, and have now go tsome files that will help me loads

    Please Register or Log in to view images



    I think I can do it now

    Please Register or Log in to view images



    Thanks again,

    Josh
  6. ur_so_beautiful

    ur_so_beautiful New Member

    Joined:
    Feb 15, 2008
    Messages:
    984
    Likes Received:
    16
    why not photoshop those images so they say whatever you want them to say? that way the whole of the bar is highlighted when pressed, like in apps.

Share This Page