Créez votre badge Developpez [Nouveauté]

**khayyam90** · 19/04/2010, 20h07

Chers membres du club,

Aujourd'hui nous vous proposons de créer un badge associé à votre profil d'utilisateur du forum. Vous pourrez simplement diffuser votre profil sur votre site internet, votre blog ou sur tout autre site. Voilà de quoi créer votre propre identité Developpez et de la faire connaître

Ce badge existe en 3 versions :
* une version "web", utilisable en copier-collant un petit bout de code html à l'endroit souhaité
* une version "image", utilisable partout sur internet
Voici le rendu de la version image pour mon propre profil :

* une version "mini", utilisable comme une image mais moins grande que la version "image"

Notre responsable de la rubrique 2D/3D/Jeux l'a déjà adopté sur son site perso.

Les versions du badge étant entièrement dynamiques, elles indiqueront toujours des données à jour, on y retrouve :
* votre pseudo (cliquable vers votre profil dans le version "web")
* votre indicateur de présence sur le forum (vert ou gris) - désactivable au besoin
* votre avatar
* votre rang sur le forum (il dépend pour l'instant de votre nombre de messages ou de votre activité sur Developpez)
* votre blog si vous en avez défini un dans votre profil (cliquable vers le dit-blog dans la version web)
* votre page twitter si vous en avez définie une dans votre profil (cliquable vers la page twitter dans la version web)
* un bouton pour vous envoyer un MP sur le forum (cliquable dans la version web)
* un bouton pour devenir votre ami sur le forum (cliquable dans la version web).
* votre nombre de messages (cliquable vers la liste de ces messages dans la version web).

Affichage de votre nom & prénom
Si vous avez spécifié dans votre profil du forum vos nom et prénom, ceux ci apparaissent dans vos badges. Cependant vous pouvez spécifier que vous souhaitez l'affichage du pseudo uniquement en indiquant dans les urls &realname=0

Cela pourra agrémenter vos sites persos, blogs et autres, dans le but de faire connaître votre "identité" sur le réseau Developpez.

Comment faire pour obtenir ces badges ?
La version web peut s'obtenir de plusieurs manières : en copier-collant ce code dans votre une page HTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe src="http://www.developpez.com/ws/badge?user=XXX" style="border-width:0px; height:140px; width:210px;" frameBorder="0"></iframe>

où XXX est votre numéro de profil. Vous le trouverez facilement en regardant l'url de votre profil. Par exemple mon profil est ici http://www.developpez.net/forums/u29897/khayyam90/, mon numéro de profil est le 29897, il est dans l'url.
Vous pouvez aussi avoir le badge web en l'incluant directement dans un code PHP, C#, Java ... sur votre site web :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

echo @file_get_contents("http://www.developpez.com/ws/badge?user=29897");

Et vous pouvez encore l'afficher en incluant ce code HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="dvp_badge"></div><script type="text/javascript" src="http://www.developpez.com/ws/badgescript?user=254882"></script>

La version image s'obtient de la même manière, vous devez spécifier une image dont l'adresse est http://www.developpez.com/ws/badgeimg?user=29897.

La version mini s'obtient simplement en ajoutant &v=2 à l'adresse de la version image
http://www.developpez.com/ws/badgeimg?user=29897&v=2

Si vous ne souhaitez pas faire apparaître l'indicateur de présence sur le forum, il vous suffit de rajouter dans les urls des badges &showonline=0, ce qui donne dans mon cas

.

Et nous avons aussi la troisième version disponible :
http://www.developpez.com/ws/badge?user=29897&v=3

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="dvp_badge"></div><script type="text/javascript" src="http://www.developpez.com/ws/badgescript?user=29897&v=3"></script>

Qu'en dites-vous ?

**Tofalu** · 19/04/2010, 20h22

Qu'en dites-vous ?

**Médinoc** · 20/04/2010, 14h43

Bonjour,
Je constate que les badges tendent à déformer l'avatar.

Dans la version Web, mon avatar 50*50 est étiré à 60*60, et dans la version image j'ignore à combien il est redimensionné.

**Michaël** · 20/04/2010, 16h43

Pareil que médinoc : mon avatar marche bien sur la version image (respect du ratio) mais pas sur la version web : 60x60 au lieu de 53x100 pour l'original

Sinon c'est une super idée

**CORTEZ** · 20/04/2010, 18h07

bonjour,
c'est une bonne idée , mais il manque le sigle et un lien qui mène au site développez.com

**Marc Lussac** · 20/04/2010, 18h37

Envoyé par CORTEZ

bonjour,
c'est une bonne idée , mais il manque le sigle et un lien qui mène au site développez.com

+1

**Bovino** · 20/04/2010, 19h50

Dans mon cas, à part Twitter, tous les liens s'ouvrent dans l'iframe...

**Médinoc** · 20/04/2010, 20h24

Donc finalement, quelle taille doit avoir l'avatar pour ne pas être redimensionné du tout dans la version Image?

**eclesia** · 20/04/2010, 21h04

je trouve que c'est trop gros et un trop "gadget".

Quelquechose de plus modeste type Ohloh serait mieux et utilisable dans les signatures sur les forums :

(Personnellement je n'ai pas de facebook, pas de twitter, pas de blog, pas de rss ...etc...)

**Bovino** · 20/04/2010, 22h20

Envoyé par Médinoc

Donc finalement, quelle taille doit avoir l'avatar pour ne pas être redimensionné du tout dans la version Image?

Il sera dans la plupart des cas redimensionné, ce n'est pas un problème, mais pour ne pas être déformé, il devra être carré

**khayyam90** · 20/04/2010, 22h21

L'histoire des liens dans l'iframe est réglée, ils s'ouvrent désormais dans une nouvelle fenêtre.
Aucun des badges n'a directement de lien vers developpez.com, cependant vous pouvez inclure le badge image dans un lien vers developpez.com et le badge web regorge de liens pointant vers le forum. On a un exemple sur le site perso du responsable Qt .

Pour inclure le badge image dans un lien, utilisez un code HTML du genre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="url de votre profil"><img src="url de votre badge image" /></a>

La mise en place d'un lien permettra aux moteurs de recherche de lier votre profil sur le forum avec la page sur laquelle vous avez affiché votre badge.

La déformation des avatars sera réglée prochainement, je vais me pencher dessus.

eclesia, ton post m'interpelle, l'idée n'est pas forcément de coller ce badge dans le forum. Ton profil est déjà accessible puisque c'est le forum. Cependant si le besoin d'en fait sentir, je pourrais fournir une version plus "modeste"

mon_nom_est_personne · 21/04/2010, 03h44

je trouve ca super cool.

**Lorantus** · 21/04/2010, 08h59

Je pensais que l'utilisation des iframes n'était plus conseillé

?

Envoyé par eclesia

je trouve que c'est trop gros et un trop "gadget".

Et pourquoi faire un badge "gros" et un badge "petit" ?
Le badge gros, est connu, le petit permettra de la placer là où le gros sera "trop" gros.

Et pourquoi pas transformer le badge en gadget à ajouter sur le bureau, dans une barre de gadgets, et permettre des fonctionnalités sur Developpez.com via ce badge ?

Et pourquoi pas ajouter ce badge en signature pour l'exterieur (blog, email, ...) L'utilisateur pose le badge (petit par exemple) dans la signature, et le lecteur (blog, email etc) peut avoir des informations -à définir. L'avantage de ce badge sera d'être mis à jour lors de la lecture de la page... un jour email lorantus@hotmail.com et plus tard, lorantosor@codesource.com

Et pourquoi pas... -ouf j'ai trop d'idées, j'arrête là.

Merci.

**azertix** · 21/04/2010, 09h34

Sur mon image, ce sont mes prénom/nom qui apparaissent.
Du coup ça ne rentre pas en entier

Je pense qu'il faudrait réduire la police quand c'est trop long

**gorgonite** · 21/04/2010, 09h41

Envoyé par khayyam90

eclesia, ton post m'interpelle, l'idée n'est pas forcément de coller ce badge dans le forum. Ton profil est déjà accessible puisque c'est le forum. Cependant si le besoin d'en fait sentir, je pourrais fournir une version plus "modeste"

je pense qu'il parlait de signatures sur d'autres forums... histoire que les fidèles de dvp puissent faire indirectement une petite pub (et montrer que leur petit compteur sur un autre site ne les place pas forcemment au stade de débutant

)

**pseudocode** · 21/04/2010, 09h47

Envoyé par azertix

Sur mon image, ce sont mes prénom/nom qui apparaissent.

Et surtout, dans ce cas, y a pas le nom du pseudo qui est affiché.

**Médinoc** · 21/04/2010, 10h02

Envoyé par Bovino

Il sera dans la plupart des cas redimensionné, ce n'est pas un problème, mais pour ne pas être déformé, il devra être carré

C'est un problème quand l'avatar est du pixel art plutôt qu'une image.
Serait-il possible d'y mettre une option pour que l'avatar ne soit pas étiré s'il est plus petit que la zone d'affichage?