a virtual WordPress iPhone

  • Just playing around with some JS, graphics and WordPress on a domain I’ve had hanging around and not doing anything with:

    NOTE: everything is still rough — works fine in FireFox, Safari/Win, Google Chrome browsers — I haven’t bothered trying to tune it to look good in MS-IE… (arghhh!!! why can’t they follow standards).

    The sites uses some DynamicDrive.com JS for the accoridian effect in the right sidebar. CSS will bring up the scroll bars on overflow in either the main “windows” (where posts appear) or in the right side nav..

    https://www.iphonesalesinc.com/

    (PS – looks best in Safari since it gets the Apple looking scroll bars, etc)…

Viewing 2 replies - 1 through 2 (of 2 total)

  • that looks awesome. Keep up the good work!

    Thread Starter lexipixel

    (@lexipixel)

    Another CSS feature of the theme is that the body of the phone is self-centering… the “iphone” stays centered and the WP content is positioned within the centered area… it works down to about 480 pixels wide…(the default size of an iPhone screen).

    Relvant CSS code:

    body {
  margin: 0;
  padding: 0;
  background: url("/wp-content/themes/iphonesalesinc/bg-phone.jpg") 50% 0 no-repeat;
  background-color: black;
}

    My idea is to eventually setup another stylesheet for mobile devices so the background (iphone) image isn’t used and the WP content will fit a real iPhone.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘a virtual WordPress iPhone’ is closed to new replies.