The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Mobile Phone Bookmark Icon Issue

3 posters

Go down

Solved Mobile Phone Bookmark Icon Issue

Post by PlayBeyond 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:
Mobile Phone Bookmark Icon Issue Iphone10

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
PlayBeyond
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 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.
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

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

Do i delete all the spaces in the code?
PlayBeyond
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 March 24th 2012, 11:29 pm

Nope. Just add the code like you see.
avatar
Guest
Guest


Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by PlayBeyond 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?
PlayBeyond
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 March 24th 2012, 11:40 pm

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


Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by Mike 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)
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

Post by PlayBeyond 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
PlayBeyond
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 March 24th 2012, 11:53 pm

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

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Mobile Phone Bookmark Icon Issue

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

I've just received some feedback that it is working. Thank you for your help. Very good
PlayBeyond
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. March 25th 2012, 2:25 pm

Topic Solved & Locked
Nera.
Nera.
Energetic

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

Back to top Go down

Back to top

- Similar topics

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