Iphone-like Web Template For Your Xhtml Mobile Site

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Iphone-like Web Template For Your Xhtml Mobile Site

    here is the html file

    Code:
    <?xml version="1.0"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <style type="text/css">
    body
    {
    font-weight : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
      background-color: #000000;
      background-image : url([url]http://www.2wapworld.com/css/style_images/iphone.jpg[/url]);
      background-attachment : fixed;
      background-repeat : no-repeat;
      background-position: top center;
      text-align: center;
    }
    #ifr{
    position: relative;
    left: 1px;
    margin-top: 95px;
    height:525px;
    width:322px;
    border: none;
    background-color: #ffffff;
    }    
    </style>
    <title>2WapWorld Forums</title>
    </head>
    <body>
    <iframe src="http://www.2wapworld.com" id="ifr">
      
    
    Your browser does not support iframes.</p>
    </iframe>
    </body>
    </html>
    the iphone image you can download from here: http://www.2wapworld.com/css/style_images/iphone.jpg

    replace 2wapworld.com from iframe with your sites url


    demo you can view here: http://2wapworld.com/index.html
    Advertise your mobile site for FREE with AdTwirl


    #2
    cool and thanx

    btw any1 know where can i get more pics of phns?
    i wanna make more than just iphone.....
    sigpiceeeeerrr....

    Comment


      #3
      lol wont to know how to make that ?

      take a phone and use FastStone Capture then take ech sides and to and floor

      or open Photoshop CS3 edit the images to transparent the screen of phone easy done also place the iframe where the screen is...

      hope you know what i mean?
      Visit: Chat4u.mobi - The New Lay Of being a site of your dreams!
      Visit: WapMasterz Coming Back Soon!
      _______
      SCRIPTS FOR SALE BY SUBZERO
      Chat4u Script : coding-talk.com/f28/chat4u-mobi-script-only-150-a-17677/ - > Best Script for your site no other can be hacked by sql or uploaders.
      FileShare Script : coding-talk.com/f28/file-wap-share-6596/ -> Uploader you will never regret buying yeah it mite be old now but it still seems to own others...
      _______
      Info & Tips
      php.net
      w3schools.com

      Comment


        #4
        Here you can get more mobile images: http://mobilerunner.wap3.net/emu_wap3/p/wap3/
        Advertise your mobile site for FREE with AdTwirl

        Comment


          #5
          <div class='quotetop'>QUOTE (subzero @ Jan 12 2009, 02:39 PM) <{POST_SNAPBACK}></div>
          lol wont to know how to make that ?

          take a phone and use FastStone Capture then take ech sides and to and floor

          or open Photoshop CS3 edit the images to transparent the screen of phone easy done also place the iframe where the screen is...

          hope you know what i mean?[/b]
          u mean this? [attachment=1874:n97.jpg] setting iframe is easy lol
          Attached Files
          sigpiceeeeerrr....

          Comment


            #6
            <div class='quotetop'>QUOTE (GumSlone @ Jan 12 2009, 03:16 PM) <{POST_SNAPBACK}></div>
            Here you can get more mobile images: http://mobilerunner.wap3.net/emu_wap3/p/wap3/[/b]
            thanx gumslone...i found it at gsmarena.con
            sigpiceeeeerrr....

            Comment


              #7
              simple 2wapworld. the background color is black. i don&#39;t like dark color.

              Comment

              Working...
              X