Tutoriel Myspace Music

Tutoriel Myspace Musique

Il faut s’inscrire sur Myspace Music pour avoir un myspace permettant de mettre de la musique. L’inscription classique (donc non-musique) conduit à la création d’un myspace simple qui permet de télécharger les morceaux d’autres myspace mais pas de mettre les vôtres ! Voilà comment procéder, rapidement.

Les termes marqués d’une étoile* sont expliqués dans le lexique, à la fin.

Plan :

I - Inscription et création du compte

A) Inscription

1) Remplir les champs

2) Mettre un morceau en ligne

B) Validation de l’inscription

C) Structure de la page

1) La barre du haut

2) Modifier son profil

3) Le bloc de gauche

4) Statuts et humeur

5) Prochains shows

6) Amis

7) Alertes

II - Personnaliser son profil

A) Image d’arrière fond

B) Modifier la couleur du texte

1) Couleur des textes (css)

2) Couleur des liens

C) Changer la mise en forme du texte

1) Structure du texte

2) Police du texte

3) Taille du texte

4) Couleurs du texte (html)

5) Style du texte

D) Insérer des images

1) Insertion d’une image simple

a) Insertion sans modification de l’image

b) Insertion en redimensionnant l’image

c) Image avec bordure

2) Insertion d’une image/lien

a) Lien simple vers la photo

b) Lien complexe : vers un autre myspace, nouvel onglet

E) Personnalisation avancée

1) Créer une table de contact avec sa propre image de fond

2) Inverser son profil

3) Ajouter une bannière au dessus de la bannière de pub dans la page

III - Entretien du Myspace

IV - Lexique

I - Inscription et création du compte

A) Inscription

RDV ici pour créer un myspace music :

http://signups.myspace.com/index.cfm?fuseaction=signupBand

Faites bien attention à ne pas vous inscrire pour créer un myspace normal, ce n’est pas notre but !!

1) Remplir les champs.

- L’adresse email : 1 seule adresse mail par groupe sur myspace. Si vous mettez votre adresse, vous ne pourrez pas la réutiliser pour un autre myspace perso, par exemple. Vous recevrez les infos nécessaires à la mise à jour de myspace (invitations d’amis, etc.). Je vous conseille de créer une nouvelle adresse (live ou Hotmail permettent ça gratuitement) pour votre groupe !!

- Genre : il n’y a pas de genre « trad », pour nous, les tradeux. On peut mettre « acoustique », « musique roots », « folk »…sinon, pas de difficulté particulière.

- Remplissez le filtre code qu’on vous demande pour éviter les SPAM et cliquez sur « inscrire ».

- Une page apparaît, on peut rajouter d’autres styles. Choisissez aussi votre url : prenez quelque chose de simple que vous pouvez donner rapidement, exemple : « myspace.com/bardane »

- Dans « page web », mettre ce que vous voulez...

- Mettez « non signé » dans les 2 cases de label, sauf si vous en avez un.

- Téléchargez une photo. Taille maximale : 5 Mo. Cette photo sera votre photo principale qui apparaîtra partout dans myspace : quand vous écrirez à un ami, quand vous laisserez un commentaire ou tout simplement l’image sur laquelle les gens cliqueront pour voir votre myspace. Il faut donc bien la choisir. On peut la changer plus tard. Il faut attendre un peu avant que ça charge.

- On vous demande de chercher des amis ensuite : zappez cette étape en cliquant, en bas à droite, sur « passer cette étape ». Vous êtes inscrits ! Ou presque.

2) Deuxième étape : mettre un morceau

C’est le moment de mettre un morceau en ligne ! Cliquez sur l’encadré de droite pour en ajouter un.

Vous n’êtes pas obligé d’en mettre un tout de suite, vous pouvez attendre d’en avoir un mieux, bref l’étape n’est pas obligatoire. Si vous ne voulez pas en mettre, cliquez dans la barre en haut sur « mon myspace » (à gauche toute !) et passez au B).

- Remplissez le titre et les infos éventuelles. Vous pouvez autoriser les utilisateurs à télécharger le morceau pour qu’ils l’ajoutent, s’ils le veulent, à leur profil* (profil = page myspace). Il faut savoir que de toutes façon, si quelqu’un veut vraiment le morceau, il lui suffit d’utiliser Audacity, d’enregistrer le morceau et de le mettre en ligne ensuite, donc si vous cochez non, ça ne rebutera que les informaticiens très novices.

- Il faut choisir un fichier en MP3 qui est sur votre ordinateur (et non sur Internet). Les autres formats son ne sont pas pris en charge par myspace (donc pas de .WMA ni de .WAV). Convertissez votre fichier sinon (si vous n’avez pas de convertisseur, le plus simple est soit d’en télécharger un gratuitement…soit de l'envoyer à un ami qui sait faire). Le transfert du fichier sur myspace est très très long. Si au bout de 10 minutes il y a toujours affiché « connecting », cliquez sur leur lien « si le formulaire n’apparaît pas »…

Une fois le morceau téléchargé, vous revenez à la page précédente automatiquement ou après avoir cliqué sur « suivant » ou « ok ».

Dans le tableau en bas, choisissez vos options et cliquez sur « ok ». Ensuite, vous pouvez ajouter une image associée à votre morceau en cliquant dans le même petit encadré à droite, il y a marqué « téléchargez une image pour ce morceau ».

Sinon, cliquez dans la barre en haut sur « mon myspace » (à gauche toute !).

B) Validation de l’inscription

Vous arrivez donc directement sur votre profil. Il y a plein de trucs partout, des cases avec du rouge et tout, bref c’est le bazar. Ne paniquez pas ! Tonton Raphnin est là pour vous guider. Le mieux est de faire les choses dans cet ordre.

Commencez par aller sur votre boîte mail (ou celle de l’adresse que vous avez créée) pour valider définitivement l’inscription. Myspace vous a envoyé 4 mails, dont un vous demandant de cliquer sur un lien pour valider votre compte. Cliquez dessus.

Les autres ne sont pas très intéressants. Myspace France peut vous aider à vous repérer sur Myspace. Quant à « Tom* », c’est le créateur de Myspace, qui vous envoie souvent des messages, je vous conseille de l’éradiquer de votre liste d’amis.

Le lien vous renvoie sur myspace, cliquez là où ils vous demandent de cliquer. Vous devriez revenir sur la page de tout à l’heure, cette fois sans l’encadré rouge central.

C) Structure de la page

Je vais décrire ici les principaux encadrés et leur fonction.

1) La barre du haut

Elle est toujours là, même si vous naviguez sur d’autres pages myspace.

Mon Myspace : permet de revenir à tout moment à votre page de profil.

Mail : permet de voir les messages que vos amis vous ont envoyés et d’envoyer des messages à vos amis. Attention : « message* » est différent de « commentaire* » (voir lexique à la fin)

Profil : permet de modifier votre profil, ajouter des photos, etc..

Amis : permet de visualiser vos amis, de leur envoyer des bulletins, d’en inviter…

Musique, Vidéo + : ça sert pas à grand-chose.

Mon compte : permet de modifier votre adresse mail de référence et toutes les informations données lors de l’inscription.

Quitter : vous déconnecter de cette session et revenir à la page d’accueil Myspace France.

2) Modifier son profil : « Mon URL : … [Modifier mon profil] [Mode sécurisé] »

Cette option apparaît juste en dessous du sympathique message de bonjour : « Salut, Machintruc ! ».

Cliquer sur votre url (c'est-à-dire le lien) vous amène sur votre page Myspace.

La page myspace est la page visible par les visiteurs, contrairement à votre page de profil, où vous êtes actuellement et qui vous permet de modifier.

En gros, la page profil vous permet de structurer et de construire la page myspace qui est le « produit fini », que tout le monde peut voir.

Quand vous modifiez votre profil, il est important de se référer régulièrement à votre page myspace finie pour voir le résultat, d’autant que certains navigateurs supportent mal certains codes HTML insérés dans les profils : si ça ne marche pas, il faut les virer. On verra comment faire.

« Modifier mon profil » vous amène au cœur de myspace.

Ca vous ouvre une fenêtre avec 5 rubriques

- Spectacles à venir.

C’est là qu’il faut inscrire vos dates. C’est bien fait, suffit de rentrer les infos et de valider.

- Détails sur le musicien

Tout se passe ici.

Vous devez remplir ces informations qui apparaîtront sur la page myspace.

Le mieux est de regarder une page myspace existante de quelqu’un d’autre pour voir où ça se situe géographiquement sur la page myspace.

Il est possible d’y mettre des images, on verra ça par la suite.

C’est ici qu’on mettra tous les codes HTML ou CSS qui définiront l’esthétique de la page, on verra aussi après !

Pour le moment, pour écrire quelque chose ou modifier ce qu’il y a, il suffit de cliquer sur « modifier », d’écrire le texte (ou de le coller, s’il vient d’un autre site). Il faut cliquer ensuite sur « aperçu ». Il y a une prévisualisation (qui ne sert pas à grand-chose, sauf pour les codes qui insèrent des image), puis cliquez sur « envoyer » pour valider. Ne vous inquiétez pas du message stupide qui apparaît à ce moment là (« Les modifications apportées à cette page ne pourront pas être recherchées avant 24 heures. ») et dites « Ok ». C’est fait !

- Infos générales

C’est tout bête, ce sont les infos générales ! Ville, nom,…

- Gérer les morceaux

En cliquant ici vous revenez sur la page du début, quand vous avez mis votre premier morceau. Pour ajouter les suivants, la procédure est toujours la même.

Revenez au A)2) si vous ne savez pas/plus comment faire. Vous pouvez mettre maximum 6 morceaux.

- Genres

Ca sert pas à grand-chose, sauf à définir le genre de musique.

[Mode sécurisé] vous permet de faire la même chose que [modifier mon profil] mais en mode « sans échec » version Myspace : ça permet de faire vos modifs sans visualiser le formatage à la fin. Exemple : si vous avez mis un code html pour faire apparaître une image, en mode normal l’image s’affichera à la prévisualisation. En mode sécurisé, c’est le code qui apparaîtra au moment de la prévisualisation. Cela ne change en rien le rendu sur la page Myspace finale, dans les deux cas c’est l’image et non le code qui s’affichera.

Attention, le javascript est interdit…

3) A gauche : votre photos, rubrique « photos » et « vidéos »

Il y a votre photo, pour vous rappeler la tronche que vous avez.
La rubrique « photos » permet de modifier ou d’ajouter des photos. En les modifiant, on peut mettre une légende ou « tagger »* des gens. Pour publier, il faut suivre le lien et choisir des images venant de votre ordinateur.

Pour tagger des gens, il faudra « modifier » la photo, on vous proposera alors de tagger la photo.

La rubrique « vidéos » propose les mêmes fonctions.

Le « calendrier », est, comme son nom l’indique, un calendrier où sont inscrites vos dates mais aussi un agenda, vous pouvez vous en servir pour marquer vos RDV, etc…cela dit son efficacité est réduite puisqu’il faut se connecter sur Myspace pour être averti de son RDV…rien ne vaut un bon agenda papier.

La rubrique « mon blog » vous amène dans une autre page.

Sur la gauche, en descendant un peu, vous avez un tableau de commande qui vous permet d’écrire un article. On peut également y mettre une vidéo, une photo, bref ce qu’on veut. Cette partie « blog » est visible sur la page myspace finale, ça peut être utile pour mettre, par exemple, une critique d’un CD du groupe. A ce moment-là, il faudra mettre comme titre « Discographie » ou « Nouveau CD », le titre apparaissant sur la page pour le visiteur qu’il n’a plus qu’à cliquer dessus pour lire.

Enfin, vous avez une commande vous permettant d’aller voir un peu ce que vous voulez : profil, photos, etc…c’est assez superflu à mon avis.

4) Statut et humeur

Ce petit encadré n’est pas visible sur la page myspace finale. En fait, il s’agit d’informations en direct sur vous : si vous êtes de bonne humeur, vous mettez « heureux » ou « de bonne humeur » par exemple, et vous pouvez mettre une petite phrase décrivant ce que vous faites ou avez fait. Exemple : « joyeux », « super concert à Saint-Bonnet city samedi dernier ».

Ces infos apparaîtront dans la rubrique « statut et humeur » de tous vos amis*. Ainsi, dans cette rubrique, vous pouvez lire les infos de vos amis, enfin du moins de ceux qui l’ont mise à jour le plus récemment.

Pour faire la mise à jour, il suffit de cliquer sur « mise à jour ».

Si vous ne voulez pas vous embarrasser avec ça, ne mettez rien et laissez-le tel quel, il n’apparaîtra pas. Il faut savoir que c’est une des premières choses que l’on voit en se connectant, et donc quand on voit le statut d’un « ami »*, c’est souvent qu’on clique dessus pour aller voir sa page, ce qu’il y a de nouveau, etc.

Précisons dès maintenant ce qu’est un « ami ». Rien à voir avec la définition courante. Sur Myspace, comme sur Facebook d’ailleurs, un « ami » est un contact, c'est-à-dire quelqu’un que vous connaissez, ou dont vous aimez la musique, ou ce que vous voulez. Il apparaît dans votre « liste d’amis »* et, si vous l’aimez vraiment beaucoup, vous pouvez le mettre dans votre « top amis »*. Pour que qu’un groupe ou un musicien soit votre ami, il faut aller sur sa page myspace et lui demander d’être ami (facile, il suffit d’appuyer sur un bouton). S’il accepte, c’est bon. De même, si vous acceptez la demande de quelqu’un, vous serez « amis » pour la vie (ou pas !) sur Myspace.

5) Prochains shows

Juste en dessous, vous avez une rubrique « prochains shows ».

C’est ici qu’apparaissent vos dates. Ca vous permet de voir ce que vous avez noté ou non sur votre myspace sans passer par la modification de profil. Comme ça, dès la connexion, vous pouvez voir si vous avez rentré toutes vos dates ou s’il en manque. A ce moment là, il faudra en rajouter, ce qui est possible très facilement avec le lien « ajouter », qui vous évite aussi de passer par la modif de profil.

6) Amis

C’est là qu’apparaissent, au début, vos amis. Quand vous en aurez quelques uns, vous pourrez faire le tri de ceux que vous préférez et qui constitueront le « top amis ».

Au début, vous avez trois amis : myspace, myspace France, Tom.

Cliquez sur le chiffre « 3 », qui variera en fonction du nombre d’amis que vous aurez bien sûr.

Une nouvelle page s’ouvre, où vous pouvez « gérer vos amis ».

Allez ensuite à droite dans « modifier mes amis ». Il ne s’agit malheureusement pas d’une option permettant de les améliorer à notre sauce, mais on peut remédier à d’autres problèmes en les supprimant. Pour ce faire, il suffit de cocher la case qui apparaît sous leur image et de cliquer sur « supprimer ».

Je vous conseille vivement de supprimer ces trois premiers amis un peu pénibles qui envoient plein de mails stupides qui inondent la boîte, sauf si vous voulez être tenus au courant des nouveautés sur myspace.

Vous aurez peut-être à supprimer par la suite des amis pénibles, qui souvent se trouvent être des boîtes de prod, qui vous envoient sans arrêts des commentaires indiquant leurs 28 prochains concerts, avec image à l’appui, qui font de votre page myspace un relais pour la pub.

Eh oui, les amis peuvent écrire un « commentaire » sur votre page, en vous disant par exemple « bonjour », « merci d’avoir accepté ma requête » (requête = demande d’être amis), « salut les pouilleux, alors comment ça va en Auvergne profonde ? » etc…sauf que si c’est de la pub avec photos et tout, ça fait tâche.

Vous avez la possibilité, donc, d’envoyer un message à un ami, d’écrire un commentaire sur sa page ou encore de lui envoyer un bulletin. Un bulletin est envoyé à TOUS vos amis. Utile pour annoncer un nouveau CD, par exemple. Pour ce faire, il faut aller dans la rubrique « amis » de la barre du haut, puis « bulletins ».

7) Les alertes

Les alertes sont écrites dans un petit encadré rouge ou vert juste en dessous de votre image, sur la gauche. Cliquez sur le lien pour savoir de quoi il s’agit.

Il y a différents types d’alertes :

- les alertes « rouges » :

- un ami vous a envoyé un message (lisible uniquement par vous)

- un ami a laissé un commentaire sur votre page myspace (lisible par tous les visiteurs de la page)

- les alertes « vertes »

- quelqu’un veut être ami avec vous et demande votre approbation

- quelqu’un a accepté de devenir votre ami (« nouveaux amis ! »)

- quelqu’un vous a envoyé un bulletin

Une fois que vous savez tout ça, vous savez utiliser Myspace.

La suite est importante quand même !

II - Personnaliser son myspace

Ce sont les étapes les plus difficiles !

Je tenterai d’être synthétique.

A) Mettre une image d’arrière fond

Il y a deux manières de faire pour mettre une image d’arrière fond sur votre page myspace (et non votre page de profil, là on ne peut rien faire !).

La première est de prendre un éditeur myspace qui fait souvent n’importe quoi et qu’on ne peut plus changer.

La deuxième est d’utiliser des codes HTML. Voilà comment procéder.

Il faut aller dans la rubrique « Bio » (« détails sur le musicien », dans « modifier mon profil »).

Collez ce code tel quel :

Ensuite, complétez l’url avec l’url de l’image que vous voulez en fond d’écran (http://www…). Attention ! Conservez les parenthèses ! La seule chose à faire est de remplacer « URL DE VOTRE IMAGE » par l’adresse url de l’image…

Après, faites aperçu (normalement ça ne change rien), validez.

Astuces :

1) Prendre des images GRANDES, dans le cas d’une recherche d’image sur google.

Si elle est trop petite, soit elle sera multipliée sur votre page, soit elle sera mise au milieu, et tout le reste sera blanc. Au pire, redimensionnez votre image avec un logiciel de traitement d’image pour l’agrandir et remettez la sur le net.

2) Si votre image n’est pas sur internet, il faut la mettre. Pour ça, inutile de passer par un hébergeur d’image qui ne la garde que 15 jours, où il faut s’inscrire, etc.

Il suffit de la publier dans vos photos myspace, comme je l’ai expliqué tout à l’heure !

Une fois la photo publié, vous avez deux liens qui apparaissent sur le côté : d’une part l’adresse de l’image, d’autre part un code qui vous permet d’insérer l’image quelque part et d’en faire un lien, on va voir ça. C’est le premier lien qui nous intéresse.

Allez voir ce que ça donne en cliquant sur l’url de votre myspace sur la page de profil.

Si l’image est là, super. Si vous n’arrivez pas à lire le texte parce qu’il est de la même couleur que l’image de fond, pas de panique, lisez la suite…

Rappel : pour revenir ensuite sur votre page de profil, cliquez en haut sur « Mon Myspace ».

B) Changer la couleur du texte

1) Couleur du texte

Une fois que votre image sera mise, vous risquez de vous heurter à un léger problème…c’est que votre texte de description du groupe sera invisible !

Ca peut arriver si votre image est de la même couleur que votre texte…

C’est valable aussi si vous avez juste envie de changer la couleur du texte.

Pour ce faire, RDV toujours dans la rubrique « bio ».

Voilà le code à intégrer :

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{

color:rgb(255,250,240);

font-weight:normal;

font-style:normal;

text-decoration:none;

text-transform:none;

}

<style>

Ceci est du langage CSS, donc pas du HTML. Si vous vous y connaissez en HTML, ben c’est peut-être encore le plus simple d’utiliser vos connaissances !

La couleur est indiquée par cette partie : « color:rgb(255,250,240) ; ».

Le « rgb » indique le code couleur employé (HEX ou rbg).

Pour changer la couleur, changez le code chiffré…un lien avec les correspondances cades rbg/couleur trouvables ici : http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFF

Ce code est fondé sur des tons de couleur allant de 0,0,0 (noir) à blanc (255,255,255). Il existe donc énormément de couleurs disponibles…vous pouvez faire vos effets, sachant que plus on se rapproche de 255, plus c’est foncé.

Voilà quelques codes chiffrés à mettre à la place du noir, à titre d’exemple :

0,0,255 Bleu

165,42,42 Marron

138,43,226 Violet

255,127,80 Corail

139,0,0 Rouge foncé

139,0,139 Violet/magenta

0,128,0 Vert

128,128,128 Gris

255,215,0 Or

0,255,0 Vert clair

50,205,50 Vert entre clair et foncé

255,165,0 Orange

255,69,0 Orange/rouge

128,128,0 Olive

0,0,128 Bleu foncé

255,0,0 Rouge

139,69,19 Autre marron

255,255,255 Blanc

0,0,0 Noir

2) Couleur des liens

Il se peut que le même problème se pose avec les liens.

Voici donc le code à intégrer, en dessous :

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{

color:rgb(255,250,240);

font-weight:normal;

font-style:normal;

text-decoration:none;

text-transform:none;

}

</style>

Idem, changez le code. La couleur que j’ai mise est du rouge.

Le lien ne sera donc plus bleu, mais rouge…à vos claviers !

C) Changer mise en forme du texte

Là, plus de CSS, on va dans le plus simple.

Il suffit de d’introduire des codes html avant et après le texte. Les codes HTML fonctionnent par balises (< et >) qu’il faut refermer quand on veut que le code cesse son effet. Exemple : <font size= « 4 »> est une balise d’ouverture et </font> sa balise de fermeture (les balises de fermetures employées commencent pas un slash : /).

Détail important : il faut mettre le code avec le texte correspondant et non pas toujours dans la case « bio ». Donc si vous mettez du texte dans « membres du groupe », pour le mettre en gras, par exemple, mettez vos balises dans cette catégorie là…

1) La structure du texte

Votre texte ne comporte aucun saut ni retour à la ligne.

Quand vous écrivez votre texte, au moment où vous voulez aller à la ligne, insérez la balise <br>. Justement, c’est la seule basile qui ne se referme pas, enfin non, c’est pas la seule, mais c’est la seule qu’on utilisera.

Une ligne sera sautée.

Ou alors, si vous voulez un retour automatique à la ligne après la paragraphe, insérez la balise <p> avant d’écrire le texte, et refermez-la en fin de texte : </p>

2) La police du texte

Avant le texte : <font face="POLICE DESIREE">

A la fin du texte : </font>

Exemple pour une police Arial : <font face="Arial"> puis </font> à la fin.

Après, il vous suffit de connaître la police que vous voulez employer (à trouver dans word par exemple).

Astuce : vous pouvez faire en sorte de faire apparaître une phrase d’une police différente des autres phrases, pour la mettre en valeur. La police de base doit être times new roman.

Exemple :

Les brayauds c’est hyper chouette surtout quand on fait des <font face="Georgia"> bals sans alcool </font>, ce qui est un exemple pour tous ces festivals qui n’arrivent pas à la cheville de nos volcaniques, <font face="Arial Black"> NON MAIS ! </font>.

3) La taille du texte

Moi, je trouve que c’est écrit trop petit.

Alors voilà les balises à insérer pour changer la taille du texte :

<font size="4"> au début

</font> à la fin, comme d’habitude.

Les tailles vont de 1 à 7, 1 étant le plus gros et 7 le plus petit. 3 est la taille standard, je crois.

Même chose que pour la police, on peut agrandir 1 mot seulement si on veut.

4) La couleur du texte

Pareil, on peut modifier la couleur, sans CSS.

Le lien de tout à l’heure (pour la couleur de la police des liens, etc) vous donne aussi les équivalences en code HTML (HEX) : http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFF

Je vous conseille d’utiliser plutôt le code CSS donné tout à l’heure pour modifier les couleurs, mais si vous voulez avoir un texte multicolore, alors il faut employer cette balise :

<font color="red"> au début

</font> à la fin du texte qu’on veut d’une couleur différente du noir (couleur par défaut).

Vous devez mettre le nom de la couleur, en anglais, entre guillemets. Si vous ne connaissez pas le nom de la couleur, utilisez le code html correspondant. La balise sera alors <font color="FF0000">TEXTE</font>.

Exemples :

FF0000 pour rouge,

000000 pour noir,

FFFFFF pour blanc,

0000FF pour bleu,

008000 pour vert,

FFD700 pour or,

A52A2A pour marron,

000080 pour bleu foncé,

FFA500 pour orange,

FF4500 pour orange/rouge…

5) Le style du texte

Voici enfin quelques éléments simples, des balises classiques mais utiles.

Remplacer « … » par votre mot ou texte, bien sûr.

Gras : <b>…</b>

Italique : <i>…</i>

Souligné : <u>…</u>

Mot plus grand que les autres : <big>…</big>

Mot plus petit que les autres : <small>…</small>

Faire clignoter un mot (à éviter, merci pour les yeux !!) : <blink>…</blink>

Et voilà, vous pouvez faire de votre texte à peu près ce que vous voulez tout en restant dans de l’accessible.

D) Insérer des images

La tâche est délicate. Tout dépend de ce que vous voulez. On peut avoir une image simple, ou une image qui est un lien vers cette même image dans l’album photo (cliquer dessus quand on visite le myspace nous amène à cette photo dans l’album photo et permet donc de visualiser les autres photos de l’album), ou encore une image qui révèle un lien vers un autre site (au hasard : le site des brayauds, mais malheureusement je crois que myspace refuse les liens vers un autre site que…myspace).

1) Insertion d’une image simple

a) Insertion pure sans toucher à l’image

Rien de plus simple.

Il suffit d’insérer à l’endroit où vous voulez l’image ce code :

Par "http://image.com", entendez bien sûr adresse url de l’image entre guillemets.

Exemple d’un lien vers la photo de l’Atelier qu’on voit en arrivant sur le site des brayauds :

Pour avoir l’adresse url d’une image rencontrée sur internet, il faut faire clic droit sur l’image et « copier l’adresse de l’image ».

Pour avoir l’adresse url d’une image qui n’est pas sur Internet mais dans votre ordinateur, il faut la publier sur votre myspace puis soit faire le clic droit, soit copier le lien que Myspace vous affiche directement sur le côté droit.

Astuce : Si votre image apparaît, sur la page myspace, encastrée dans le texte ou sur la même signe que lui alors que vous vouliez qu’elle soit en dessous ou au dessus, ou simplement au milieu, utilisez la balise <br> vue plus haut !

Exemple d’une image au milieu de deux paragraphes :

« Le Gamounet c’est joli, surtout depuis les derniers travaux : <br>

Ah non, rectification : le Gamounet est désormais un lieu paradisiaque où chacun rêve de pouvoir s’épanouir à tout jamais. »

Si cela ne marche toujours pas, il est possible qu’un de vos codes en gêne un autre…par exemple, vérifiez que vous n’avez pas mis les balises <nobr>…</nobr> avant et après votre texte, car ça fait bugguer myspace…

b) Insérer une image en la redimensionnant

Vous pouvez insérer une image en la redimensionnant, par exemple pour qu’elle passe dans la case « influences » ou « membres » sans qu’on soit obligé de faire coulisser la fenêtre en visitant la page. Il est fréquent qu’on soit obligé de coulisser si l’image insérée est trop grande.

Pour changer la taille d’une image, au lieu du code de tout à l’heure, il faut mettre celui-ci :

Width = larguer

Height = hauteur

Le mieux est de faire des essais en fonction de la page.

c) Insérer une image et lui ajouter une bordure

Voici le code :

Vous pouvez remplacer « solid » par un mot différent caractérisant une autre bordure :

Vous pouvez également changer la couleur, bien sûr.

2) Insertion d’une image/lien

Le code est différent dans ce cas. Il y a deux cas de figure : le lien vers la photo dans l’album ou vers le site qui l’héberge et le lien vers un autre myspace.

a) Le lien simple, vers la photo elle-même.

Quand vous publiez votre photo dans votre album, apparaissent, à droite, deux codes : celui de l’url dont nous avons déjà parlé et un deuxième code plus complexe.

C’est ce code qui, inséré, fait de l’image un lien vers elle-même, dans le sens où en cliquant sur l’image, on va la voir en plus gros dans l’album, avec les commentaires éventuels des amis, etc.

Voici un exemple de code menant vers la même photo dans l’album :

Il n’y a pas de ligne à sauter entre <a et href, c’est la mise en forme word qui m’oblige à le présenter comme ça.

Le code se présente donc comme ça, sans les liens :

La balise <a href>…</a> introduit le lien tandis que la balise <img src>…</img> introduit l’image.

Attention : l’image s’ouvrira dans la même page, fermant du coup myspace…

b) Le lien ouvrant un nouvel onglet

Il existe une balise permettant d’ouvrir le lien dans un nouvel onglet. C’est très pratique pour le visiteur, et, et plus, ça nous permet de rediriger ce même visiteur vers d’autres myspace.

Ainsi, imaginons que vous jouiez dans 3 groupes différents, eh bien, sur votre myspace perso, vous pouvez mettre une photo de chacun de vos groupes et du coup, en en faisant un lien url, le visiteur qui cliquera sur une photo verra s'ouvrir dans un autre onglet le myspace de votre groupe n°1, puis, en cliquant sur la deuxième photo, le myspace du groupe n°2 s'ouvre dans un nouvel onglet, etc...

La commande permettant d’ouvrir le lien dans un nouvel onglet est la suivante: target="_blank"

Ce n’est pas vraiment une balise, donc elle n’a pas besoin d’être refermée. Elle s’insère ici :

Ce qui donne, dans un code complet avec les adresses :

Cette commande s’insère donc en fin de première balise, avant la balise <img>.

Dans le cas du lien que je viens de donner, l’image mène vers elle-même en plus grand, c'est-à-dire vers l’album photos où elle est stockée.

Pour mettre un lien menant vers un autre myspace, il suffit de changer la première adresse du code, qui mène vers le lien.

Ainsi, une photo/lien menant vers le profil du groupe Tradicomix et s’ouvrant dans un nouvel onglet aura pour code :

En italique : le lien vers le myspace de Tradicomix.

S’il ne se présente pas sous la forme « http://www.myspace/bardane.com », par exemple, c’est normal : pour chercher l’adresse du profil de Tradicomix, je suis passé par ma liste d’amis qui contient le groupe Tardicomix, et donc le lien n’est pas le même.

En gras : la commande permettant d’ouvrir ce lien dans un nouvel onglet

En souligné : l’adresse de l’image.

E) Personnalisation avancée

Voici quelques codes supplémentaires, à insérer dans la partie « détails du musicien » ; « bio ».

1)Créer une table de contact avec sa propre image de fond

Insérer ce code :

Note : pas besoin de mettre la formule en rouge ni en gras, c’est juste pour le souligner. Entre parenthèses, mettez votre image.

ATTENTION : sa dimension doit être de 300 de largeur et 150 de hauteur.

2) Inverser son profil

C'est-à-dire mettre la musique à gauche, le texte de présentation à gauche, les influences etc à droite…bref tout inverser.

Voilà le code :

3) Ajouter une image AU DESSUS de la bannière de pub dans la page

Il est interdit d’enlever la bannière de pub imposée par myspace.

En revanche, il est possible d’ajouter une image au dessus, bref une nouvelle bannière !

Astuce : il vaut mieux travailler en mode sécurisé pour ça, sinon on est un peu perdu.

Voilà le code :

<div class="banniere">
<img src="URL IMAGE" border="0" /></div>
<style type="text/css">
.banniere {width:??px; height:??px;position: absolute;margin-left: -400px;left: 50%;top: 0px;}
body {margin-top:300px;}
</style>

Annotations : Remplacez « URL IMAGE » par l’url de l’image bien sûr…

Remplacez les points d’interrogation « ?? » par la taille en pixel, en fonction du résultat obtenu !

4) Abaisser son profil myspace

Il faut copier ce code :

III - Entretien du myspace

Une fois votre myspace créé, il faut l’entretenir.

Ce n’est pas un boulot énorme…

En gros, il faut y passer une ou deux fois pas mois, si on veut faire bien, pour :

mettre à jour les dates du groupe

éventuellement rajouter des photos

mettre un nouveau morceau de temps en temps

accepter ou refuser des demandes d’ajout (pour devenir ami)

faire vivre un peu votre page, une page morte n’intéresse plus personne : changer de temps en temps les couleurs, les photos, pourquoi pas l’image de fond…d’où l’intérêt de savoir comment faire et de ne pas se limiter à un éditeur de profil myspace qui peut faire (presque) la même chose.

IV - Lexique du petit « myspacien »

TOM : il s’agit du créateur de myspace, enfin, c’est ce qu’il dit. Il est automatiquement ajouté à vos ais et vous envoie des mails et messages (parfois en anglais) pour vous tenir informé des nouveautés sur myspace. Mon conseil : supprimez le de votre liste d’amis.

MESSAGE : Un message est envoyé par un de vos amis. Il est personnel, personne d’autre ne peut le voir, c’est un peu comme un mail reçu sur notre boîte mail personnelle.

COMMENTAIRE : Un commentaire est posté (c'est-à-dire écrit et déposé sur votre page myspace) par un ami (seuls les amis peuvent poster un commentaire). Ce commentaire apparaît sur votre page myspace, sauf si vous décidez de le supprimer.

AMIS : Contacts. Sert à construire un réseau. Fonctionne par requêtes : on vous demande d’être ami ou vous demandez à quelqu’un s’il veut être ami avec vous.

TOP AMIS : Ce sont les meilleurs amis…on peut les sélectionner, au maximum on en a 40. Ce sont eux qui apparaissent sur la page myspace, eux que tout le monde voit. Il faut donc bien les sélectionner…telle est la loi implacable de myspace. Il existe une option permettant un affichage aléatoire : à chaque visite, le top amis est différent.

TAGGER : synonyme de « marquer quelqu’un » sur Facebook. Cela revient tout simplement à mettre un nom sur les têtes des personnes prises en photo. Exemple, dans une photo de groupe, on clique sur les personnes que l’on connaît et on met leur nom. Elles sont « taggées ». Par ailleurs, vos amis peuvent aussi vous tagger sur leurs photos ou même s’auto-tagger sur les vôtres.