Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Réseau social : Affichez votre badge Developpez
Associé à votre profil sur vos sites, blogs, réseaux sociaux...

Le , par khayyam90

181PARTAGES

8  0 
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
<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
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
<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
<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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Tofalu
Expert éminent sénior https://www.developpez.com
Le 19/04/2010 à 20:22
Qu'en dites-vous ?
2  0 
Avatar de CORTEZ
Membre régulier https://www.developpez.com
Le 20/04/2010 à 18:07
bonjour,
c'est une bonne idée , mais il manque le sigle et un lien qui mène au site développez.com
2  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 22/04/2010 à 16:30


ajouter le v=2 à la suite de l'url du badge image :
http://www.developpez.com/ws/badgeim...=29897&v=2
2  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 20/04/2010 à 22:21
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
<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"
1  0 
Avatar de danielhagnoul
Rédacteur https://www.developpez.com
Le 22/04/2010 à 10:17
Je ne suis pas un asocial. Mais je ne suis pas non plus, loin s’en faut, un fan des messageries instantanées et autres social truc en vogue, principalement à cause de leur coté envahissant. On pourrait donc en conclure que le badge ne saurait me convenir. Oui et non !

J’aurais bien envie d’ajouter un badge de ce genre à la fin de chacune de mes pages web, de mes codes, de mes courriels, documents Word et PDF divers, mais celui qui est proposé ne me convient pas. Certes une fois chargé, il est très facilement modifiable, mais ce n’est pas le but du jeu.

Intérêt du badge actuel du point de vue du visiteur étranger à dvp.
  • Un clic sur mon nom l’amène à ma fiche individuelle, oui...
  • Un clic sur « devenir mon ami » ou sur « laisser un message privé » ou sur « liste des messages » l’amène sur un dialogue d’identification rébarbatif, franchira-t-il l’obstacle, j’en doute.

Intérêt du badge de mon point de vue

Il devrait offrir au visiteur :
  • Un lien vers une page de présentation destinée à un visiteur étranger à dvp
  • Un lien vers mon espace personnel
  • Un lien vers le forum sur lequel je suis le plus actif
  • Un lien vers un service de messagerie visiteur (avec identification légère du genre : nom, prénom, email) qui lui permette de me laisser un quota de message texte court. À moi de donner suite ou non.

Détail

Sur mon écran, mon nom écrit en noir sur un fond bleu foncé est quasi indéchiffrable.
1  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 22/04/2010 à 11:52
Pour les liens qui finissent en demande d'authentification, on ne pourra pas faire grand chose, c'est comme tous ceux qui mettent sur leur site un lien "m'envoyer un mp"

# Un lien vers une page de présentation destinée à un visiteur étranger à dvp
une page qui te présente toi ou bien qui présente dvp ?

# Un lien vers mon espace personnel
Si tu as renseigné ton blog et ton twitter sur ton profil, ceux ci apparaissent et le badge te permet de semer des liens vers ces espaces personnels.

mon nom écrit en noir sur un fond bleu
je l'ai passé en blanc, c'est plus net.
1  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 22/04/2010 à 12:25
Citation Envoyé par Médinoc Voir le message
J'aime bien la version Web comme ça.

Les modifs seront-elles bientôt portées à la version image?
le pseudo/nom en blanc a été porté sur la version image. Il y avait d'autres modifs à porter ?
1  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 22/04/2010 à 12:39
Citation Envoyé par Médinoc Voir le message
Oui, celle du redimensionnement de l'avatar.
en effet, c'est fait, l'avatar n'est plus agrandi s'il est plus petit que 60x60
1  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 22/04/2010 à 13:07
j'aime bien aussi
1  0 
Avatar de khayyam90
Rédacteur https://www.developpez.com
Le 24/04/2010 à 11:48
Daniel, j'aime bien l'esthétique de ta solution.
Le nombre de messages est-il important ? Le statut online/offline est-il important. De plus, si on veut rendre ce badge automatisable et positionnable sur n'importe quel domaine, comment fixes-tu le "forum préféré" ?
1  0