Grote iconen (in Opera Speeddail)
In mijn speeddail van Opera zie ik dit:
Facebook, Twitter en Google hebben zo'n mooi logo/knop gekregen. De rest krijgt een miniatuurversie-afbeelding te zien die gegenereerd wordt door Opera zelf.
Nu heb ik de broncodes van Facebook (druk, zooitje!), Google (alleen maar Javascript-ellende) en Twitter (goed leesbaar, maar inline-CSS???) bekeken.
Bij Twitter vond ik dit:
Code (php)
1
2
2
<meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png"/>
<meta name="msapplication-TileColor" content="#00aced"/>
<meta name="msapplication-TileColor" content="#00aced"/>
Ik heb ze in mijn <head> gezet (precies zo), maar krijg niet dat effect.
Ook niet als die afbeelding zelf op mijn website zet.
Nu staat er inderdaad MS bij..., maar ik zou anders niet weten hoe Opera ergens een andere grote afbeelding vandaan halen.
Iemand een idee?
Ja, ik wil mijn logo ook zo tonen ;)
Gewijzigd op 07/08/2013 21:09:49 door Eddy E
Gebruik eerst ff Google. Mijn eerste resultaat http://dev.opera.com/articles/view/opera-speed-dial-enhancements/
Edit.
Verkeerde link geplakt uit klembord.
Gewijzigd op 07/08/2013 21:23:53 door Joey Drieling
Maar dat geeft niet dat effect.
Ik heb, zoals op die video staat, dit opgenomen:
En ja, ./css/logo.png bestaat.
Maar dat doet hem dus niet.
http://website.nl/css/logo.png moet gebruiken
Ik denk dat je Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<link rel="icon" type="image/png" href="http://www.schoolindevakantie.nl/css/favicon.png">
<link rel="shortcut icon" type="image/x-icon" href="http://www.schoolindevakantie.nl/css/favicon.ico" >
<link rel="icon" type="image/png" href="http://www.schoolindevakantie.nl/css/speeddial-160px.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-57x57.png">
<link rel="shortcut icon" type="image/x-icon" href="http://www.schoolindevakantie.nl/css/favicon.ico" >
<link rel="icon" type="image/png" href="http://www.schoolindevakantie.nl/css/speeddial-160px.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://www.schoolindevakantie.nl/css/apple-touch-icon-57x57.png">
Elke afbeelding bestaat.
Uiteraard werkt het (nog) niet...
Waar heb je dat staan, dan kan ik ff testen
http://www.schoolindevakantie.nl/ en dan even ?t erachter (om te testen).
Toevoeging op 07/08/2013 22:02:41:
Ik zie dat Pinterest.com het ook heeft/krijg.
Die heeft dit:
Toevoeging op 07/08/2013 22:02:41:
Ik zie dat Pinterest.com het ook heeft/krijg.
Die heeft dit:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<link rel="apple-touch-icon" href="http://passets-ec.pinterest.com/webapp/app/desktop/images/logo_trans_144x144.4d67817d.png">
<link rel="icon" href="http://passets-ak.pinterest.com/webapp/app/desktop/images/favicon.c37ee67b.png">
<link rel="canonical" href="/">
<!--[if IE]><link rel="shortcut icon" href="http://passets-ec.pinterest.com/webapp/app/desktop/images/favicon.85f9689a.ico"><![endif]-->
<meta name="application-name" content="Pinterest">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="http://passets-ec.pinterest.com/webapp/app/desktop/images/logo_trans_144x144.4d67817d.png">
<link rel="icon" href="http://passets-ak.pinterest.com/webapp/app/desktop/images/favicon.c37ee67b.png">
<link rel="canonical" href="/">
<!--[if IE]><link rel="shortcut icon" href="http://passets-ec.pinterest.com/webapp/app/desktop/images/favicon.85f9689a.ico"><![endif]-->
<meta name="application-name" content="Pinterest">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="http://passets-ec.pinterest.com/webapp/app/desktop/images/logo_trans_144x144.4d67817d.png">
Wellicht even de cache (3.48 gb) opruimen...
Toevoeging op 07/08/2013 22:08:11:
Dat deed de truc dus niet.
Wat zie jij dan?
Toevoeging op 07/08/2013 22:18:55:
En als je rechtermuisknop op dat icoontje klikt en dan "herladen"
Maar ik zal het even op een andere computer proberen. En nog een etc.
Toch bedankt voor de hulp. Als hij het bij jou doet, doet hij het bij anderen waarschijnlijk ook.