Mobile Phone Bookmark Icon Issue

Go down

Solved Mobile Phone Bookmark Icon Issue

Post by PlayBeyond on March 24th 2012, 8:39 pm

Mobile Phone Bookmark Icon Issue
Hello

One of the users on our forum has brought to my attention a problem they are experiencing with their mobile device. I don't use a mobile phone device so i am having trouble finding a solution. Ive searched the forumotion archive and all i found was a solution through the use of widgets but this causes errors in our forums display that i would like to avoid.

Basically the issue is this user has bookmarked the forum to his phone menu but it's appearing as a screenshot. This is the screenshot they sent me of their iPhone menu screen, they would prefer a static icon like the Twitter icon for example:


Is there something i can add to the CSS. file to fix this?

This is our forum - http://madge-tribe.forumotion.com/

PlayBeyond


Last edited by PlayBeyond on March 25th 2012, 1:44 pm; edited 1 time in total
avatar
PlayBeyond
New Member

Male Posts : 9
Reputation : 1
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Mike on March 24th 2012, 10:55 pm

Add this to your Templates if you have them, or your homepage message if you dont:

Code:
<link rel="apple-touch-icon-precomposed" href="LINKTOICON" />

if you want it to add gloss automatically use above, without gloss use below:

Code:
<link rel="apple-touch-icon" href="LINKTOICON" />


IMPORTANT

Your icon MUST BE:
57x57 pixels
90 degree corners
Does not have any shine or gloss
Does not use alpha transparency
MUST BE IN PNG FORMAT.
avatar
Mike
Hyperactive

Male Posts : 4251
Reputation : 468
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by PlayBeyond on March 24th 2012, 11:27 pm

Do i delete all the spaces in the code?
avatar
PlayBeyond
New Member

Male Posts : 9
Reputation : 1
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Guest on March 24th 2012, 11:29 pm

Nope. Just add the code like you see.

Guest
Guest


Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by PlayBeyond on March 24th 2012, 11:39 pm

Coddy wrote:Nope. Just add the code like you see.
Will this also work if i create a HTML or Javascript page with the code pasted in?
avatar
PlayBeyond
New Member

Male Posts : 9
Reputation : 1
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Guest on March 24th 2012, 11:40 pm

Only works in HTML page. Not in JS one. Very Happy

Guest
Guest


Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Mike on March 24th 2012, 11:42 pm

Coddy wrote:Only works in HTML page. Not in JS one. Very Happy

it would work in a javascript page.

Just add

Code:
document.write(HTML CODE)
avatar
Mike
Hyperactive

Male Posts : 4251
Reputation : 468
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by PlayBeyond on March 24th 2012, 11:44 pm

Ok, thank you. Ill post back when i have feedback from someone on the forum that it's working. Very good
avatar
PlayBeyond
New Member

Male Posts : 9
Reputation : 1
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Mike on March 24th 2012, 11:53 pm

just note that they may have to rebookmark it for it to show
avatar
Mike
Hyperactive

Male Posts : 4251
Reputation : 468
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by PlayBeyond on March 25th 2012, 1:43 pm

I've just received some feedback that it is working. Thank you for your help. Very good
avatar
PlayBeyond
New Member

Male Posts : 9
Reputation : 1
Language : English
Location : United Kingdom

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Nera. on March 25th 2012, 2:25 pm

Topic Solved & Locked
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum