Personnaliser les éléments partagés de Nike+

Publié le 31 mai 2009 par Djailla @djailla

Si 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 :

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”198” height=”145” id=”Nike+ Runs” align=”middle”>
<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&region=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&region=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

Partagez cet article :