Mobile iPod
nav_first.pngFirst: package:1
Easy Logo and Header
Edited: 04 Jan 2010 13:54 by: pieterh
Comments: 7
Tags: prize-winner
nav_prev.pngPrevious: package:16
Image hover over text
Edited: 02 Feb 2010 17:17 by: pieterh
Comments: 3
Tags: prize-winner

Mobile iPod
Package submitted by graphmastur
1264264799|%e %B %Y, %H:%M

rating: 0+x

A way to have your site appear as a mobile site for the IPhone/IPod touch etc. Just as a pre-warning, but their are several bugs that you should be aware of.

1. If something, like an image, goes over the width of the page, it would be scrollable horizontally too, but the background doesn't go horizontally.
2. Nothing with javascript will work unless enabled (Can't really help that)
3. When you click the edit button, it shows a popup. Click it again, and it will show you the edit pane. The only problem is that the title box and the comments box goes over the width I want them to be, and this allows horizontal scrolling.
4. It will only work with the "clean" theme as your base theme.

Include files

Mobile-Ipod By jnesselr 23 Jan 2010 16:40


To install this package in your site, create/edit these pages with the following content:

This page Contains this line
anypage you choose [[include :css-competition:include:Mobile-Ipod]]

To make this work, you will also have to edit the meta data. Go to Options > Edit Meta > + add a new meta tag
Change the "name" to "viewport" and for content, change it to:

minimum-scale=1.0, width=device-width, maximum-scale=1.6, user-scalable=no

You can apply this to all pages.

The csi has two options. hurl and burl stand for Header-URL and Body-URL. They are the images you can use for the header or background images. The top bar has been condensed to be more mobile-friendly. The bottom bar has been removed until someone makes a mobile version of it.

Images should be 300 px or less, for the ipod touch.

If you want to improve this, feel free to!

I almost forgot! here is an example.

Comments: 2

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License