Personnaliser les éléments partagés de Nike+
Posté par Djailla - Developpement Web, Technologie 31 mai 2009Si vous trouvez que la taille des éléments partagés du site Nike+ affichée sur vos blog respectifs est trop petite, alors lisez la suite 🙂
Pour modifier la taille des éléments partagés, il faut oser toucher le code HTML récupéré sur le site Nike+ :
Voilà un exemple de code fourni par le site Nike+ pour partager un résumé de course :
<param name= »allowScriptAccess » value= »sameDomain » />
<param name= »wmode » value= »transparent » />
<param name= »movie » value= »http://nikeplus.nike.com/nikeplus/v1/swf/scrapablewidget/rundetail.swf » />
<param name= »quality » value= »high » /><param name= »bgcolor » value= »#ffffff » />
<param name= »FlashVars » value= »type=individualRun&userDefaultUnit=km&screenName=Djailla&dateFormat=DD/MM/YY&id=672893928&userID=548250218®ion=emea&language=fr&locale=fr_fr »/>
<embed src= »http://nikeplus.nike.com/nikeplus/v1/swf/scrapablewidget/rundetail.swf » quality= »high » wmode= »transparent » bgcolor= »#ffffff » width= »198 » height= »145 » name= »Nike+ Runs » align= »middle » allowScriptAccess= »sameDomain » FlashVars= »type=individualRun&userDefaultUnit=km&screenName=Djailla&dateFormat=DD/MM/YY&id=672893928&userID=548250218®ion=emea&language=fr&locale=fr_fr » type= »application/x-shockwave-flash » pluginspage= »http://www.macromedia.com/go/getflashplayer »>
</embed>
</object>
La valeur en rouge représente la largeur de l’encart et en vert sa hauteur (les valeurs sont exprimées en pixel).
Le ration largeur / longeur pour les résumé de courses est le suivant : 1,32
Pour les tableaux de suivi de challenges c’est le suivant : 0,73
Il ne vous reste qu’a choisir une paire de valeurs avec un ration correct et a remplacer les valeurs dans le code :
Pour les résumés de courses :
| Largeur (width) | Hauteur (height) |
| 198 | 145 |
| 150 | 110 |
| 250 | 183 |
| 300 | 220 |
| 500 | 366 |
| 273 | 200 |
| 341 | 250 |
| 410 | 300 |
Quelques exemples :
198 * 145
300 * 220
341 * 250
500 * 366
31 mai 2009 à 8:37
[…] Personnaliser les éléments partagés de Nike+ […]
31 mai 2009 à 9:17
Bastien,merci,c’est bon de le signaler
31 mai 2009 à 10:23
C’est tout bête mais c’est vrai qu’on y a jamais pensé.
Merci pour cette astuce.
9 décembre 2009 à 19:32
bonjour
je ne c pas ou trouver le bout de code.
pouvez vous m’aider?
merci
9 décembre 2009 à 19:36
@mika:
Je pense qu’avec la nouvelle version de Nike+, ces éléments web on disparu 🙁 Je vais regarder un peu sur le site pour voir si de nouveaux sont dispo 🙂
9 décembre 2009 à 19:43
top rapide Djailla.
je viens de recevoir le recepteur. j’avais commandé que la sonde.
9 décembre 2009 à 19:45
en faite j’ai essayé de mettre en place le plugin wordpress sur mon blog mais j’ai une erreur
http://www.boulenger.eu
22 mars 2010 à 20:15
Bonsoir à tous,
Après plusieurs essais, j’ai enfin réussi à l’installer dans WorsPress.
Voici le code complet :
———————————-
———————————-
Néanmoins, il faut changer plusieurs paramètres dans le code ci-dessus, afin de l’adapter à votre login :
. Name=vrouxhet -> à changer 2 fois
= votre login
. id=1074978483 -> à changer 4 fois
= le nombre dans l’url « http://nikerunning.nike.com/nikeos/p/nikeplus/fr_FR/plus/#//runs/history/1074978483/all// » , obtenue lorsque vous cliquer sur -voir toutes mes courses- dans le tableau de bord.
A vous de tester maintenant.
22 mars 2010 à 20:19
Visiblement, le code n’est pas passer dans mon message.
J’envoi un mail à Djailla, pour l’intégrer à mon message.
22 mars 2010 à 23:38
Salut- ca marche toujours (Mars 2010)?
23 mars 2010 à 21:22
[…] blocs ci-dessus. Je me suis également basé sur l’article du blog de Djailla « Personnaliser les éléments partagés de Nike+« , et déjà profiter de son […]
3 août 2010 à 21:35
[…] blocs ci-dessus. Je me suis également basé sur l’article du blog de Djailla « Personnaliser les éléments partagés de Nike+« , et déjà profiter de son […]