Grote iconen (in Opera Speeddail)

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Eddy E

Eddy E

07/08/2013 21:09:13
Quote Anchor link
Hey mensen.
In mijn speeddail van Opera zie ik dit:

Afbeelding

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)
PHP script in nieuw venster Selecteer het PHP script
1
2
        <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 ;)
Gewijzigd op 07/08/2013 21:09:49 door Eddy E
 
PHP hulp

PHP hulp

28/03/2024 22:50:29
 
Joey Drieling

Joey Drieling

07/08/2013 21:15:02
Quote Anchor link
Die msaplacatio meta tag iklls je een site pint op windows

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
 
Nick Dijkstra

Nick Dijkstra

07/08/2013 21:20:53
 
Eddy E

Eddy E

07/08/2013 21:41:24
Quote Anchor link
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:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<link href="./css/logo.png" rel="icon" type="image/png" >


En ja, ./css/logo.png bestaat.
Maar dat doet hem dus niet.
 
Nick Dijkstra

Nick Dijkstra

07/08/2013 21:45:11
Quote Anchor link
Ik denk dat je http://website.nl/css/logo.png moet gebruiken
 
Eddy E

Eddy E

07/08/2013 21:51:10
Quote Anchor link
Inmiddels heb ik dit staan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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">


Elke afbeelding bestaat.
Uiteraard werkt het (nog) niet...
 
Nick Dijkstra

Nick Dijkstra

07/08/2013 21:58:29
Quote Anchor link
Waar heb je dat staan, dan kan ik ff testen
 
Eddy E

Eddy E

07/08/2013 21:59:09
Quote Anchor link
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:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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">
 
Nick Dijkstra

Nick Dijkstra

07/08/2013 22:03:20
Quote Anchor link
Bij mij werkt ie hoor:
Afbeelding
Gewijzigd op 07/08/2013 22:03:43 door Nick Dijkstra
 
Eddy E

Eddy E

07/08/2013 22:05:14
Quote Anchor link
Wtf... waarom bij mij niet dan?
Wellicht even de cache (3.48 gb) opruimen...

Toevoeging op 07/08/2013 22:08:11:

Dat deed de truc dus niet.
 
Nick Dijkstra

Nick Dijkstra

07/08/2013 22:11:50
Quote Anchor link
Wat zie jij dan?
 
Eddy E

Eddy E

07/08/2013 22:15:25
Quote Anchor link
Afbeelding

Dit.
 
Nick Dijkstra

Nick Dijkstra

07/08/2013 22:18:01
Quote Anchor link
Hij doet het niet, dit is je afbeelding:
Afbeelding

Toevoeging op 07/08/2013 22:18:55:

En als je rechtermuisknop op dat icoontje klikt en dan "herladen"
 
Eddy E

Eddy E

08/08/2013 08:11:25
Quote Anchor link
Dat herladen heb ik al 20x gedaan. Zonder effect. Ook op een laptop waar ik Opera op heb staan en deze pagina nog niet had toegevoegd krijg ik niet het grote icoon.
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.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.