FrenchiPhone
20 Mars 2010 à 02:51:08 *
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?

Connexion avec identifiant, mot de passe et durée de la session
 
   Accueil   BLOG Aide Calendrier Identifiez-vous Inscrivez-vous  
Pages: [1] 2 3 4 5 6   Bas de page
  Imprimer  
Auteur Fil de discussion: Une astuce pour les webmasters...  (Lu 39673 fois)
0 Membres et 1 Invité sur ce fil de discussion.
François_SKROB
SKROB
Membre Bienfaiteur
**
Messages: 4835
« le: 16 Janvier 2008 à 12:26:37 »

La 1.1.3 vient de sortir, une des nouveautés proposées par cette version est la possibilité d'ajouter à l'écran d'accueil des raccourcis vers les sites internet que l'utilisateur visite régulièrement.

Mais vous avez certainement remarqué que par défaut, l'icone représente une image écran du site visité.

Voici une astuce permettant aux éditeurs de contenu destinés à l'iPhone de remplacer cette icone par une icone plus "parlante" (logo par exemple).

Les deux photos ci-dessous parlent d'elles mêmes, à gauche iStart avant le rajoût du code, à droite le même lien avec le code rajouté.

Le code à rajouter dans la partie <HEAD> de la page :

<link rel="apple-touch-icon" type="image/png" href="images/votreimage.png">
ou
<link rel="apple-touch-icon" type="image/gif" href="images/votreimage.gif">
« Dernière édition: 16 Janvier 2008 à 12:46:49 par Obscur909 » Journalisée

atomic76
Membre Donateur
*******
Messages: 167
« Répondre #1 le: 16 Janvier 2008 à 12:58:44 »

Geant Merci! Cool
Journalisée

iphone v1 - 8GB -  3.1 - PwnageTool - ATT
frenchiPhone le forum
« Répondre #1 le: 16 Janvier 2008 à 12:58:44 »

 Journalisée
Antzi
Néophyte
*
Messages: 15
« Répondre #2 le: 16 Janvier 2008 à 13:00:25 »

intéressant.. quel format l'icone ? (limite de poid/ pixels?)
Journalisée
Fars
Membre Complet
***
Messages: 170
« Répondre #3 le: 16 Janvier 2008 à 13:02:04 »

Merci pour le tuyaux!!!
Journalisée
cwmac
Néophyte
*
Messages: 11
« Répondre #4 le: 16 Janvier 2008 à 13:18:56 »

Le format est PNG en 57 x 57 pixel. L'iPhone rajoute les effets de lumière. On peut aussi mettre ce fichier à la racine du site avec le nom suivant : "apple-touch-icon.png" (et ne rien rajouter au code des pages HTML)

Un exemple ici : http://www.efs-alsace.fr

et l'image utilisée :

« Dernière édition: 16 Janvier 2008 à 13:21:07 par cwmac » Journalisée
francois
Néophyte
*
Messages: 3
« Répondre #5 le: 16 Janvier 2008 à 13:21:56 »

limite de poid/ pixels?

Apparemment pas de limite de poids, et pour la taille:
"The bookmark icon dimensions should be 57x57 pixels.  If the icon is a different size it will be scaled and cropped to fit."
(tiré du iPhone Dev Center officiel: http://developer.apple.com/iphone/devcenter/designingcontent.html )
Journalisée
frenchiPhone le forum
« Répondre #5 le: 16 Janvier 2008 à 13:21:56 »

 Journalisée
Moudjy
Néophyte
*
Messages: 25
iFlY

« Répondre #6 le: 16 Janvier 2008 à 13:23:28 »

Moi meme pas eux besoin de rajouter le code

Dans safari http://www.istart.fr/ puis ajouter a l'ecran d'aceuil et icon original OK
Journalisée

MacBook Pro 17" - 2.4GHz Intel Core Duo - 2 Go DR2 SDRAM - OSX 10.5 LEOPARD
MacBook Black 13" - 2.2GHz Intel Core Duo - 1 Go DR2 SDRAM - OSX 10.5 LEOPARD
iPhone Fr 8 Go 1.1.3 Orange
François_SKROB
SKROB
Membre Bienfaiteur
**
Messages: 4835
« Répondre #7 le: 16 Janvier 2008 à 13:34:02 »

Moi meme pas eux besoin de rajouter le code

Dans safari http://www.istart.fr/ puis ajouter a l'ecran d'aceuil et icon original OK

Heu c'est normal hein, le code c'est moi qui le met dans la page que tu interroges Sourire
Journalisée

babar72
Néophyte
*
Messages: 19
« Répondre #8 le: 16 Janvier 2008 à 14:00:14 »

Génial
Je m'étais déjà fait la réflexion depuis hier que ces copies de pages en icônes ça faisait moche et que c'était peu parlant
C'est jusque ce que j'attendais
+1 de karma
encore merci
Journalisée

iPhone 3G blanc 16GO
FW 2.1 jaibraiké par Quickpwn
MacBookPro OS X 10.5.5
iTunes 8
Domi06
Membre Donateur
*******
Messages: 91
« Répondre #9 le: 16 Janvier 2008 à 14:03:42 »

Super, reste plus qu'à le faire savoir à tous les webmasters  Cool

Edit: c'est vrai +1
Journalisée

iMac 20" blanc C2D 2,16 ghz Léopard
Macbook 13" C2D 2 ghz Léopard (Vista Home Basic via Bootcamp)
iPod 2 GO
iPhone Officiel Orange Maj 1.1.3  (forfait Orange-iPhone 2+2)
frenchiPhone le forum
« Répondre #9 le: 16 Janvier 2008 à 14:03:42 »

 Journalisée
jeetman
Membre Junior
**
Messages: 77
« Répondre #10 le: 16 Janvier 2008 à 14:13:40 »

Si j'ai bien compris et je suis sur d'avoir bien compris, aucun moyen de faire ça soit même sur sa machine!
Il faut patienter que chaque webmaster, si il le desir, face la manip!
C'est domage, j'aime bien concevoir mes icones moi même et d'ici a ce que priceminister ou LCL et autre site face la manip il risque de ce passer un certain temp Triste
Enfin soyons optimiste, qui sait?
Je vais déjà prevenir certain sites qui pourraient être interresser ca peut servir...
« Dernière édition: 16 Janvier 2008 à 14:16:59 par jeetman » Journalisée

Un jour de plus en moin
jeetman
Membre Junior
**
Messages: 77
« Répondre #11 le: 16 Janvier 2008 à 14:19:53 »

Si le webmaster de frenchiphone passe par là, il pourrait faire la manip, car je ne sais pas pourquoi mais le lien vers ce site est sur mon iphone et en premiere page Clin d'oeil Clin d'oeil Clin d'oeil
Journalisée

Un jour de plus en moin
Rangerover17
Néophyte
*
Messages: 3
« Répondre #12 le: 16 Janvier 2008 à 14:33:13 »

c' est qoui le code head?
Journalisée
heartlessdesign
Membre Donateur
*******
Messages: 795
« Répondre #13 le: 16 Janvier 2008 à 14:34:07 »

Moi meme pas eux besoin de rajouter le code

Dans safari http://www.istart.fr/ puis ajouter a l'ecran d'aceuil et icon original OK

Heu c'est normal hein, le code c'est moi qui le met dans la page que tu interroges Sourire


LOOOL
Journalisée
frenchiPhone le forum
« Répondre #13 le: 16 Janvier 2008 à 14:34:07 »

 Journalisée
Moudjy
Néophyte
*
Messages: 25
iFlY

« Répondre #14 le: 16 Janvier 2008 à 14:42:02 »

alors GG Sourire  Tire la langue
Journalisée

MacBook Pro 17" - 2.4GHz Intel Core Duo - 2 Go DR2 SDRAM - OSX 10.5 LEOPARD
MacBook Black 13" - 2.2GHz Intel Core Duo - 1 Go DR2 SDRAM - OSX 10.5 LEOPARD
iPhone Fr 8 Go 1.1.3 Orange
Pages: [1] 2 3 4 5 6   Haut de page
  Imprimer  
 
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.9 | SMF © 2006, Simple Machines LLC XHTML 1.0 Transitionnel valide ! CSS valide !
Page générée en 0.166 secondes avec 28 requêtes.