oc3d forum as a web app for iphone

[allen]

just a suggestion but you have mobile css built into this forum right if you added this code into the header template and the images on here to the root folder where index.php is... you could add the forum to your home screen of your iphone and it would work as a web app....

<link rel="apple-touch-icon-precomposed" href="custom_icon_precomposed.png"/>

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style" content="blue-translucent" />

<link rel="apple-touch-startup-image" href="startup.png">

let me know what you think...

 

[dipzy]

i like this idea

 

[allen]

opps sorry didnt notice the shadow top right heres a fixed icon

and a bigger one incase you wanted any other sizes doing

 

[ruthless_villain]

but do you need to? it runs pretty smooth on the iphone and the galaxy s2 + its only a book mark away and you can use tapatalk for it (i think)

 

[allen]

but do you need to? it runs pretty smooth on the iphone and the galaxy s2 + its only a book mark away and you can use tapatalk for it (i think)

you dont "need to" but it would look awesome having a oc3d app icon on your iphone wouldnt it and it would literally take 30 secs to do aswell. O and when you say its only a bookmark away this is only to give the bookmark a custom icon and startup screen

 

[yassarikhan786]

you dont "need to" but it would look awesome having a oc3d app icon on your iphone wouldnt it and it would literally take 30 secs to do aswell. O and when you say its only a bookmark away this is only to give the bookmark a custom icon and startup screen

That's a nice suggestion.

 

[daniSAUR]

I use the IPB app which are the forum hosts of oc3d. But this app would be awesome

 

[allen]

I use the IPB app which are the forum hosts of oc3d. But this app would be awesome

just to make clear what this actually is

The forum is mobile friendly already with the

mobile CSS switch built into the IP.board framework

this just add's a custom icon and start up screen..

this is telling safari to look for the app icon when you add to home screen

<link rel="apple-touch-icon-precomposed" href="custom_icon_precomposed.png"/>

this is telling safari the site is mobile friendly

<meta name="apple-mobile-web-app-capable" content="yes" />

this is telling safari to hide the safari toolbar

<meta name="apple-mobile-web-app-status-bar-style" content="blue-translucent" />

this is telling safari to load the start up screen when the bookmark is launched

<link rel="apple-touch-startup-image" href="startup.png">

 

[hmmblah]

+1. I like this idea. I had the bookmark on my home screen already, but would be cool to have an OC3D icon.

 

[allen]

i have it working on my site if you wanted to see a working version, if yah go on it on your iphone a ( this is a diffrent script btw for the falling box) a little box falls down and says add this to home screen then when you do the icon apears and the loading screen to the mobile site...

 

[daniSAUR]

Oh right, sorry for not reading this properly, I've had very little sleep.

Thanks for clearing things up, I'm also +1 for this idea!

 

[JN]

Argh my reply got lost somwhere in the crummy 3G ether...

Anyways, thanks Allen for the suggestion and code. Ive added it to our forum header but unfortunately I cannot test it as I don't have an iPhone

If someone could give it a try and report back

 

[hmmblah]

Argh my reply got lost somwhere in the crummy 3G ether...

Anyways, thanks Allen for the suggestion and code. Ive added it to our forum header but unfortunately I cannot test it as I don't have an iPhone

If someone could give it a try and report back

Works fine on my iPad, but not on my iPhone 4. Icon looks great on the home screen btw.

FYI: My iPhone loads the mobile site, while the iPad loads the site like normal. So looks like it's only working with the normal template and not the mobile one?

 

[allen]

It's not loading the iPhone icon have you put the right size one on it needs to be the little png ?

 

[allen]

Ahh where have you put the images I think they are in the wrong place either need to be in the main site root index or the template index...

 

[cerbrus2]

Just get the admin to add the forum to Tapatalk.

 

[JN]

Ahh where have you put the images I think they are in the wrong place either need to be in the main site root index or the template index...

Fixed

I forgot to add the code to the Mobile template

 

[allen]

works spot on

 

[yassarikhan786]

works spot on

That looks sweet mate.

I just tried adding the bookmark to one of my home pages on my Galaxy S2 and it looks shite. I can see the icon but it is tiny.

EDIT: I'ts just a matter of re-sizing the .bmp for the Galaxy S2 and it will look fine. But I guess that would be adding more code to the mobile template for it to work on the many Android devices.

 

[allen]

That looks sweet mate.

I just tried adding the bookmark to one of my home pages on my Galaxy S2 and it looks shite. I can see the icon but it is tiny.

EDIT: I'ts just a matter of re-sizing the .bmp for the Galaxy S2 and it will look fine. But I guess that would be adding more code to the mobile template for it to work on the many Android devices.

its safari code only really for apple devices, so yeh probs wont work very on galaxy S2 cause thats not using safari but i does look really good on the iphone and ipad

EDIT: http://philwilson.org/blog/2010/01/adding-a-bookmark-to-an-android-home-screen