The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Mobile Phone Bookmark Icon Issue

View previous topic View next topic 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

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.

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

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?

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?

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)

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

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

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

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

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

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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