WordPress.org

1. lexipixel
   Member
   Posted 3 years ago #

   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..

   http://www.iphonesalesinc.com/

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

2. ejenks
   Member
   Posted 3 years ago #

   that looks awesome. Keep up the good work!

3. lexipixel
   Member
   Posted 3 years ago #

   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.

Topic Closed

This topic has been closed to new replies.