MySpace - Un design original
samedi 21 juin 2008, 11:28 - Blog et Réflexions
MySpace est - pour les personnes travaillant dans le graphisme ou le webdesign - tout simplement la pire chose qu'il puisse exister. Ce n'est pas ergonomique, c'est souvent très moche (la faute aux utilisateurs ?), la musique se lance dès le chargement de la page, c'est long à charger... En fait ça se rapproche presque des skyblog ^^. Je me suis toujours demandé qui pouvait perdre du temps à faire un MySpace et je me suis promis de ne jamais en faire. Le site MySpace en lui même n'est pas ergonomique, ni même logique. Malheureusement, je fais parti d'un groupe de musique, et cet outil est vraiment ancré dans la communauté musical par son aspect "social" : Ajouter des amis, poser des commentaires, annoncer des concerts, mettre de la vidéo et de la musique... Alors comment faire pour rendre votre MySpace unique et original ? Attention ! il faut connaitre un minimum les langages HTML et CSS.
Le principe
Trouvé sur un site anglais, je me suis dit qu'il était intéressant de mettre ce contenu à disposition des francophones pur souche, mais vous êtes libre de suivre le tutoriel originel de hyalineskies qui est plus complet avec notamment l'intégration d'un player de musique et de RSS via flash.
Le principe donc : superposer un div contenant votre design à votre profil MySpace afin de le cacher. Vous aurez un contrôle intégral de votre design mais ne pourrez plus utiliser les rubriques du site MySpace pour insérer du contenu et perdez certaines fonctionnalités : l'affichage des avatars de vos amis, l'affichage direct des commentaires sur votre profil... Je chercherai dans l'avenir une méthode plus compatible, mais pour le moment cela me suffit.
Comment ça marche ?
Le layout (design)
Pour me faire la main j'ai d'abord créé mon MySpace avant de défigurer celui de mon groupe. Je pars donc du principe que vous avez un MySpace de type personnel. Téléchargez le fichier et ouvrez-le. Il contient 2 fichiers : about_me.txt et id_like_to_meet.txt. Ces fichiers sont à copier/coller dans les rubriques correspondantes de votre MySpace à savoir la rubrique "Qui je suis" pour le css (about_me.txt) et la rubrique "Qui jaimerais rencontrer" pour le html (id_like_to_meet.txt). Sauvegardez votre profil et visualisez le. Vous avez maintenant une page standard qu'il vous faut personnaliser. Le but de ce tutoriel n'étant pas de vous apprendre à faire un design, je vous fais confiance pour réaliser quelque chose d'original ;).
Pour les MySpace de type Groupe de musique et sous réserve que ma mémoire ne me joue pas des tours, les deux fichiers sont à copier/coller dans la partie "Bio", en premier le css et en second le html.
Récupérer votre "Friend ID"
Pour utiliser les fonctions avancées de MySpace : e-mail, ajouter à mes amis, ajouter à mes favoris... vous devez connaître votre identifiant MySpace.
- Dans l'adresse web de votre profil vous pouvez voir "friendid=" c'est votre identifiant.
- Si ce n'est pas le cas, faites pointer votre souris sur votre image, et chercher le "friendid=" qui est normalement le dernier chiffre dans la barre d'état de votre navigateur (en bas à gauche).
- Il existe aussi un site qui peut vous donner cette information, il suffira alors de vous rendre sur votre MySpace, de cliquer sur le lien "Voir tous les amis de (votre nom)" et de copier/coller l'adresse de la page de vos amis dans myspacetoolbox.com
Réintégrer les fonctions de MySpace
Une fois en votre possession, vous pouvez récupérer sur un autre MySpace les liens utilisés pour accéder au fonctions en faisant un clic droit sur le lien et en "copiant l'adresse du lien". Coller à l'endroit voulu dans l'interface MySpace et remplacez l'identifiant utilisateur du lien (le nombre après "friendid=") par le votre. Réitérez pour toutes les fonctions que vous souhaitez utiliser.
Votre liste d'amis
Puisque vous n'utilisez plus le contenu de MySpace vous devez créer manuellement les liens avec les MySpace de vos amis.
Le résultat
Voici donc mon espace - MySpace in english - aux couleurs de mon site web, réalisé d'après le layout de 5ThirtyOne et le tutorial très complet - mais en anglais - de hyalineskies, qui fourni aussi un .zip avec les fichiers pour débuter.
Si vous avez des soucis, n'hésitez pas à poser vos questions en commentaires et j'essayerais d'y répondre le mieux possible.
Commentaires
samedi 6 septembre 2008, 04:31
Bonjour... je ne comprend pas bien comment faire au niveau du codage après tu pourrai m'aider si je te montre mon design ?
[Edit : suppression de l'adresse e-mail]
jeudi 11 septembre 2008, 00:22
Oui pas de problème pour te donner un coup de pouce, du moment que tu me demande pas de te réaliser ton MySpace ^^. Je te contacte dès que je peux.
dimanche 21 juin 2009, 23:59
Bonsoir
Je voudrais savoir comment créer une page officielle sur Myspace? Style : http://www.myspace.com/princessofth...
Comment créer les modules qu'elle a sur son profil?
Merci
Bonne soirée
Merci
mardi 4 août 2009, 18:59
je ne comprends pas non plus, ayant un myspace musique ce n'est pas évident tu peux me donner un coup de pouce .....?
mardi 24 novembre 2009, 16:28
Salut !
Merci pour ce tutorial !
moi j'ai un soucis très tot dans les explications !
j'ai copié/collé les codes dans la section bio et je suis obligé de cliquer sur "preview"... mais après le bouton "submit" n'apparait plus car le div est passé devant donc il m'est impossible de sauvegarder mon code... :s
Comment faire ?