voici un pti tuto vraiment pas exhaustif sur myspace, l'html etc...
important, avant de commencer : il existe deux types de profils myspace :
-- profils myspace lambda pour blogueur
-- profils myspace music pour musicien : cliquez sur myspace music pour créer un tel compte !
Tout d'abord, il faut savoir que la version française de myspace apparu en aout, est loin d'être au point (version beta), je conseille donc de basculer en mode english, pour ce faire :
clic sur "mon compte" puis "site et langue préféré" : sélectionnez "www.myspace.com - anglais".
Pour empêcher le code html dans les commentaires clic sur "profile settings" puis cochez les trois zones : "Disable HTML Profile Comments", "Disable HTML in Pic Comments", "Disable HTML in Blog Comments"
Au niveau du code html... Bon pour simplifier, html= hypertext markup language
markup ça signifie "balise" donc langage informatique basé sur une organisation en balises et liens hypertextes (base du principe de la navigation)...
Il existe quelques balises à connaîtres :
Toutes les balises commencent par < > et la plupart finissent par </ >
*** balise image : <img src="url de l'image" border="0">
dans le cas de la balise image, il l'y a pas de balise fermante, c'est une exception. l'attribut src correspond à la source du fichier, et border à la bordure, en général 0 pour éviter le contour bleu quand on rend l'image cliquable... Il existe d'autres attributs mais bon faisons simple !
*** balise lien html : <a href="url du lien" target="_blank">nom du lien</a>
le lien est ultra pratique, l'attribut href définie l'url du lien, mettez bien le http:// avant l'adresse du site, target définie où va s'ouvrir la page :
_blank : s'ouvre dans une nouvelle page
_self : s'ouvre dans la même page
etc....
je vous conseille d'utiliser le paramêtre blank !
balise lien image cliquable :
<a href="url du lien" target="_blank"><img src="url de l'image" border="0"></a>
ci-dessus une simple image mais cliquable, donc à la place de mettre du texte pour le nom du lien j'ai insérer la balise image, donc l'image devient cliquable...
Concernant la mise en page de la page myspace, c'est très compliqué, les fichiers de mise en page sont appelés feuille de style CSS... Une norme qui permet de mettre en page grâce à des paramêtres externes ou internes insérés dans la page.
A moins que vous soyez un gros crack, je vous conseille fortement pour myspace d'utiliser un éditeur de profile myspace.
Moi j'ai utiliser le mygen : http://www.mygen.co.uk/ (cliquez ensuite sur "profile editor").
Cet éditeur est très simple, il suffit de suivre les étapes et en dessous s'affiche le résultat en temps réel... ensuite au final, une fois tout bien paramétré, dans l'onglet "other" cliquez sur "Finished ? click to generate" et une page avec du code s'affiche.
Voici un exemple de code lambda :
<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }
.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
border-style:solid;
border-width:2px;
}
.mygen { Text Properties }
table, tr, td, li, p, div { font-family:georgia; }
</style>
<div style="width: 88px; height: 31px; position: absolute; top:0px;left:0px; background-color: DEE6EB; border-width:1px;border-style:solid;border-color: 9CB3C3; font-family: Arial Black;">
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 18px; position: absolute; left: 10px; top: -5px">MyGen</a>
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 8px; position: absolute; left: 1px; top: 18px">Profile Generator</a>
</div>
Ce code ci-dessus est à copier et à coller dans le champ suivant :
dans votre profil myspace, cliquez sur "Edit Profile" , puis onglet "band details" puis bouton (edit) de la rubrique "bio" et là collez le code de la feuille de style généré avant toutes vos informations de texte...
La partie rouge du code ci-dessus correspond à la feuille de style en elle-même identifiable par les balises : <style> </style>
la partie verte est la pub que fait mygen chose normal vu qu'il a créé l'éditeur et qu'il nous aide bien. Il s'agit d'un calque <div> s'insérant dans le haut de votre profil, si vous ne souhaitez pas le mettre, vous savez ce qu'il vous reste à faire......
Je suis loin d'être au top en langage html/css, je vous laisse chercher sur google* plus d'infos si besoin !
* edit pour ob-1 : ou tous les autres navigateurs favoris que vous utilisez (kartoo, astalavista, live search, all the web, yahoo etc)
