Comment modifier sa table de contact ?

MySpace Table ContactRécemment j'ai reçu pas mal de questions par e-mail et en commentaires avec notamment celui de Mary pour savoir comment personnaliser le table de contact sur son profil MySpace. J'ai donné quelques conseils par-ci par-là mais il est temps d'expliquer en détails comment modifier sa table de contacts. La manipulation est relativement simple et permet de créer et d'afficher sur son profil, une table de contact à son image avec ses propres mots.


Tout d'abord pour bien comprendre le principe, il est important de savoir que changer l'apparence de la table de contact revient à placer une image au dessus de celle déjà présente. Cette image est "transparente" dans le sens où elle habille la table de contact sans empêcher l'accès aux liens des actions placés dessous (ajouter amis, Envoyer un message, Ajouter aux favoris).

Pour modifier la table de contact et en mettre une qui corresponde plus au thème de votre profil ou une qui corresponde mieux à votre personnalité, vous pouvez soit trouver une boite de contact toute faîte, soit la faire vous même. Il vous faudra ensuite héberger l'image de la table de contact et puis insérer un code dans votre profil pour que celle-ci apparaisse sur votre page MySpace.

Créer une table de contact :

C'est tout simple, il vous faut simplement être en possession d'un logiciel de traitement d'images. Dans le cas présent je me suis servi de Photoshop. Les dimensions de la table de contact sur un profil MySpace sont de 300 pixels de large par 150 pixels de haut. J'ai donc créé une image à ces dimensions et j'ai ensuite ajouté le texte correspondant aux différentes actions de la table de contact. J'ai également pris soin de bien positionner le texte dans mon image au dessus de la future action correspondant au texte. Pour m'aider à bien positionner le texte, j'ai pris la table de contact originale de MySpace et j'ai regardé que mon texte soit correctement aligné comme sur la photo ci-dessous :

Création Table de contact MySpace

Dans le cas contraire, un mauvais placement du texte ou une mauvaise taille de l'image, pourrait faire en sorte que lorsque vous cliquez sur le texte vous obtenez une action différente de celle voulue comme "Envoyer un message" à la place de "Ajouter à mes amis".

Une fois satisfait de ma création, j'ai ensuite sauvegardé l'image de ma table de contact au format .jpeg ou .png. Il est préférable que la taille du fichier image ne soit pas trop grosse. Et voilà le résultat final :

Table de contact MySpace

Héberger l'image de la table de contact :

L'image de la table de contact est sur votre ordinateur, il faut à présent l'héberger sur internet. Pour cela il suffit tout simplement de passer par un hébergeur d'images comme Servimg.com (disponible en français) ou Photobucket. Prenons l'exemple avec Servimg.com, sélectionnez le fichier sur votre ordinateur et choisissez "Non" pour le redimensionnement de l'image puis cliquez sur envoyer.

Servimg envoyer image

Votre image est uploadée ! Vous obtenez une page avec plusieurs liens. Celui qui nous intéresse est présent sous "Liens directs".

Servimg page de liens

Modifier sa table de contact :

Nous y sommes presque ! Allez sur MySpace, éditez votre profil et en bas de la section Qui je suis collé le code suivant :

<style type="text/css">.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url(http://i45.servimg.com/u/f45/10/05/49/08/table_10.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style>

N'oubliez pas de remplacer l'adresse de l'image (URL) du code par la votre, celle contenue dans "Liens directs".

Mise à jour :  Voici un code qui va vous permettre de changer le fond de votre table de contact tout en affichant les liens MySpace. Il permet donc de mettre une image dans votre table de contact juste en dessous des actions à effectuer. Je l'ai testé sur un profil classique et le code fonctionne.

Mettre une image en fond dans ma boite de contact :

Le code est à coller dans la section "Qui je suis" :

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://i45.servimg.com/u/f45/10/05/49/08/table_10.jpg")!important;
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;!important}
</style>

N'oubliez pas de remplacer l'adresse de l'image (URL) du code par la votre, celle contenue dans "Liens directs".

Voici un exemple de table de contact réalisée en utilisant ce code :

Table de contact MySpace Fond

Vous voilà à présent avec une belle table de contact sur votre profil !

Cliquez ici pour partager cet article avec vos amis !

Articles similaires :

Commentaires :

62 Commentaires sur cet article jusqu'à présent :

Pages: [4] 3 2 1 »

  1. 62
    Toch | le 31.10.2009 à 11:23

    Salut Pascal,

    Je cherche depuis un petit moment, sans trouver, dans la masse de question sur myspace…

    J'aimerais pouvoir retirer les titres de table:
    "contacte+nom myspace" et "shows à venir"

    As-tu une astuces?

    Merci d'avance,
    Toch

  2. 61
    tipatok | le 12.08.2009 à 16:19

    Salut ! Je voulais savoir s'il était possible de modifier les dimensions du cadre contacts ? par défaut c'est 300×150 mais je trouve pas où on peut changer ça.

    Merci ;)

Pages: [4] 3 2 1 »

Ajouter un commentaire :

Economise de l'Energie lors d'une Recherche Google - Noiroogle.fr
Toutes les marques déposées sont la propriété de leurs détenteurs respectifs.
Avertissement : Ce site a pour but de diffuser de l'information à des fins pédagogiques, à titre gratuit et pour le bénéfice de tous les visiteurs. Nous prenons grand soin de fournir des informations de qualité. Toutefois, nous ne garantissons pas et nous n'acceptons aucune responsabilité juridique concernant l'utilisation, l'exactitude, la fiabilité ou l'exhaustivité des éléments contenus dans ce site Web ou sur tout site lié.

Referencement Dictionnaire Positionnement et Statistiques Gratuites ss_blog_claim=30c5d8fdcbae7cc06a7f0b28ce7c040c

Fermer
E-mail It