PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Grote iconen (in Opera Speeddail)

Door Eddy E op 07-08-2013 21:09 gewijzigd op 07-08-2013 21:09
2.363 views
Hey mensen.
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:

		<meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png"/>
		<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 ;)
Eddy E
07-08-2013 21:41
Die link heb ik ook al 20 gevonden en 2x bekeken/gelezen.
Maar dat geeft niet dat effect.

Ik heb, zoals op die video staat, dit opgenomen:

<link href="./css/logo.png" rel="icon" type="image/png" >


En ja, ./css/logo.png bestaat.
Maar dat doet hem dus niet.
Eddy E
07-08-2013 21:51
Inmiddels heb ik dit staan:

		<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">


Elke afbeelding bestaat.
Uiteraard werkt het (nog) niet...
Nick Dijkstra
07-08-2013 21:58
Waar heb je dat staan, dan kan ik ff testen
Eddy E
07-08-2013 21:59
http://www.schoolindevakantie.nl/ en dan even ?t erachter (om te testen).

[size=xsmall]Toevoeging op 07/08/2013 22:02:41:[/size]

Ik zie dat Pinterest.com het ook heeft/krijg.
Die heeft dit:

    <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">
Nick Dijkstra
07-08-2013 22:03 gewijzigd op 07-08-2013 22:03
Bij mij werkt ie hoor:
Eddy E
07-08-2013 22:05
Wtf... waarom bij mij niet dan?
Wellicht even de cache (3.48 gb) opruimen...

[size=xsmall]Toevoeging op 07/08/2013 22:08:11:[/size]

Dat deed de truc dus niet.

Reageren

Inloggen om te reageren