Myspace : besoin d'aide // (((au secoouuurs))))

Myspace : besoin d'aide // (((au secoouuurs)))) - HTML/CSS - Programmation

Marsh Posté le 15-02-2010 à 14:33:18    

Bonjour à tous ! ( et merci d'avoir pris la peine d'avoir cliqué sur le lien de ce nouveau sujet )  
 
D'abord, un petit message aux créateurs de ce fabuleux réseau d'échange qu'est Myspace :  
" Pourquoi avoir fait un tel bordel en ce qui concerne la personnalisation HTML sur toutes ces pages MYSPACE ? C'est l'horreur ! " ( surtout pour un noob comme moi.  
 
Bref. J'ai un problème.  
J'ai créé le design de ma page myspace en HTML/CSS basique. Rien de très spécial, pas de javascript, à part peut-être l'incrustation de quelques éléments flash. Mais sinon.  
 
J'ai testé ma page sous un serveur, et tout marche niquel. Seulement, le problème vient de chez myspace : ma page ressemble à rien une fois le code mis dans le profil.  
 
Bref, je vais un peu surfer pour voir tout ça, je vois qu'il faut que je cache toutes les sections du myspace de base pour pouvoir ensuite faire apparaitre ma page html au-dessus de tout ça ( par un z-index etc )  
 
Mais voilà, pas moyen de faire ce que je veux, il reste des "sections" qui ne sont pas parties... fin voilà, je ne m'en sort pas.  
 
Ci-joint mon code :  
 

Code :
  1. <style>
  2. * {
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6. body {
  7. background-color:000000;
  8. background-attachment:fixed;
  9. background-image: url(http://www.djmichaelkaiser.com/myspace2/images/fond2.gif);
  10. background-position:top center;
  11. background-repeat:repeat;
  12. border-color:none;
  13. border-style:solid;
  14. padding-left:0px;
  15. padding-right:0px;
  16. }
  17. pub {
  18. width: 800px;
  19. margin:auto;
  20. top:0;
  21. }
  22. global-1 {
  23. position:absolute;
  24. width:800px;
  25. z-index:9;
  26. top:500px;
  27. left:200px;
  28. background-color: 000;
  29. }
  30. main {
  31. width:800px;
  32. background-color: 000;
  33. margin:auto;
  34. }
  35. colonnegauche {
  36. float: left;
  37. width: 323px;
  38. }
  39. colonnedroite {
  40. margin-left: 383px;
  41. }
  42. texte-bio {
  43. height: 300px;
  44. width: 323px;
  45. overflow: scroll;
  46. color: FFF;
  47. font-family: Georgia, "Times New Roman", Times, serif;
  48. font-size: 12px;
  49. text-align: right;
  50. }
  51. biography {
  52. margin-bottom: 15px;
  53. margin-left: 20px;
  54. }
  55. player {
  56. height: 410px;
  57. width: 323px;
  58. margin-left: 20px;
  59. }
  60. player object {
  61. visibility:visible;
  62. display:block;
  63. }
  64. news {
  65. color: FFF;
  66. font-family: Georgia, "Times New Roman", Times, serif;
  67. font-size: 10px;
  68. margin-left: 20px;
  69. }
  70. .titre-news {
  71. font-size: 16px;
  72. color: 9E005D;
  73. font-weight: bold;
  74. }
  75. podcast {
  76. margin-top: 15px;
  77. margin-left: 20px;
  78. }
  79. newsletter {
  80. margin-top: 15px;
  81. margin-left: 20px;
  82. }
  83. .newsletter-champs {
  84. width: 200px;
  85. color: FFF;
  86. background-color: 000;
  87. border: thin solid 333;
  88. }
  89. .newsletter-bouton {
  90. color: FFF;
  91. background-color: 000;
  92. border: thin solid 333;
  93. }
  94. videos {
  95. margin-top: 15px;
  96. }
  97. contact {
  98. }
  99. photo-contact {
  100. width: 132px;
  101. float: left;
  102. }
  103. contact-infos {
  104. float: left;
  105. width: 215px;
  106. }
  107. events {
  108. }
  109. networks {
  110. }
  111. colonnebas {
  112. clear: both;
  113. width: 800px;
  114. margin: auto;
  115. background-color: 000;
  116. }
  117. topfriends {
  118. margin-left: 20px;
  119. }
  120. friendscomments {
  121. margin-top: 15px;
  122. margin-left: 20px;
  123. }
  124. /* HIDER */
  125. td td td select {position:static !important;}
  126. div table div form {display:none !important;}
  127. .bodyContent table table div form {display:inline !important;}
  128. .navigationbar {display:none;}
  129. .profileinfo {display:none;}
  130. .contacttable {display:none;}
  131. .userprofileurl {display:none;}
  132. embed, object {filter:alpha(opacity=0.1); opacity:0.01; -khtml-opacity:0.01;}
  133. table table table embed, table table table object,
  134. td.text div embed, td.text div object {filter:none; opacity:none; -khtml-opacity:none;}
  135. .interestsAndDetails {margin-top:-80px;}
  136. .interestsanddetails {display:none;}
  137. .userprofiledetail {display:none;}
  138. .userprofileschool {display:none;}
  139. .userprofilenetworking {display:none;}
  140. .userprofilecompany {display:none;}
  141. .extendednetwork {display:none;}
  142. .latestblogentry {display:none;}
  143. .blurbs {display:none;}
  144. .friendspace {display:none;}
  145. .friendscomments {display:none;}
  146. table div {display:none;}
  147. div table div, table table div {display:block;}
  148. </style>
  149. <div id="global-1">
  150.   <div id="pub">
  151.     <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="200" width="800" id="FlashID">
  152.       <param name="allowScriptAccess" value="never" />
  153.       <param name="allowNetworking" value="internal" />
  154.       <param name="movie" value="http://www.djmichaelkaiser.com/myspace2/elements/pub1.swf" />
  155.       <param name="wmode" value="transparent" />
  156.       <param name="quality" value="high" />
  157.       <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.djmichaelkaiser.com/myspace2/elements/pub1.swf" height="200" width="800" id="FlashID" wmode="transparent" quality="high" />
  158.     </object>
  159.   </div>
  160.   <div id="main"><img src="http://www.djmichaelkaiser.com/myspace2/images/header.jpg" width="800" height="525" alt="header" />
  161.     <div id="colonnegauche">
  162.       <div id="biography"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-bio.gif" width="331" height="53" alt="titre-bio" />
  163.         <div id="texte-bio">En cinq ans, MICHAEL KAISER s'est imposé comme l’un des plus talentueux DJs de sa génération. Après avoir travaillé au renommé club the End à Londres, il devient résident d’un des clubs les plus prestigieux de Paris, le Queen. Entre autres il a l’occasion de jouer auprès des plus grands (Victor Calderone, Junior Vasquez, DJ Sneak, Paulette, Mark Anthony, Tom Stephan). Il a signé les trois premières compilations du Queen et a produit deux titres (avec son collaborateur Laurent Wolf) en 2002 sous le label Darkness ("Right All" et "Energy" ) et un remix en 2004 de "Try again later" produit par Dan Marciano (en collaboration avec Didier Sinclair) et enfin son nouveau titre "Drop" sur le label de Julian Pocker "Bonita".<br />
  164.           <br />
  165.           Il mixe dans les plus grands clubs mondiaux : Privilège, Space, et Pacha à Ibiza, The End et Ministry of Sound à Londres, Terrrazza à Barcelone, Red and Blue à Anvers. Il participe également à de nombreux événements tels que Twist et le Festival Black and Blue de Montréal (en 2002, 2003 et 2004), le Mardi Gras de Londres ainsi que Navigaytion (Anvers 2003 et 2004) ou la MTV Dance Party.<br />
  166.           <br />
  167.           Enfin, depuis la rentée 2004, il est DJ résident sur Radio FG (la référence en matière de musique électronique en France) en 2005 il participe au Festival électronique français de Mexico suivi par une tournée de tous les grands clubs du Mexique.<br />
  168.           <br />
  169.           Spécialiste de Tribal House et Tech House, ses influences sont Peter Rauhofer, Chus et Ceballos et Tom Stephan (SuperChumbo).</div>
  170.       </div>
  171.       <div id="player"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-player.gif" width="331" height="54" alt="titre-player" />
  172.         <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="336" width="336">
  173.           <param name="allowScriptAccess" value="never" />
  174.           <param name="allowNetworking" value="internal" />
  175.           <param name="movie" value="http://player.believe.fr/player/3700578302670/3/black/0/0/1/en/" />
  176.           <param name="wmode" value="transparent" />
  177.           <param name="quality" value="high" />
  178.           <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://player.believe.fr/player/3700578302670/3/black/0/0/1/en/" height="336" width="336" wmode="transparent" quality="high" />
  179.         </object>
  180.       </div>
  181.       <div id="news"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-news.gif" width="331" height="54" alt="titre-news" />
  182.         <div id="news-contenu"><span class="titre-news">THIS SATURDAY _13/02/10_!</span><br />
  183.           <strong> MICHAEL KAISER @ QUEEN-CLUB, PARIS</strong><br />
  184.           <img src="http://www.djmichaelkaiser.com/myspace2/images/news1.jpg" width="308" height="153" /><br />
  185.           <br />
  186.           <span class="titre-news"><strong>"ROXYPHONIC"</strong></span><strong><br />
  187.           NOW Available on Itunes & Beatport ! </strong><br />
  188.           <img src="http://www.djmichaelkaiser.com/myspace/images/news-1.jpg" width="308" height="153" /> </div>
  189.       </div>
  190.       <div id="podcast"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-podcast.gif" width="331" height="54" alt="titre-podcast" /><img src="http://www.djmichaelkaiser.com/myspace2/images/podcast.gif" width="207" height="119" alt="podcast" /></div>
  191.       <div id="newsletter"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-newsletter.gif" width="331" height="54" alt="titre-newsletter" /><img src="http://www.djmichaelkaiser.com/myspace2/images/sstitre-newsletter.gif" width="228" height="26" alt="sstitre-newsletter" />
  192.         <input name="newsletter" type="text" class="newsletter-champs" value="newsletter" size="30" />
  193.         <input name="ok" type="submit" class="newsletter-bouton" id="ok" value="ok" />
  194.         <form id="form1" name="form1" method="post" action="">
  195.           <label>ok</label>
  196.         </form>
  197.       </div>
  198.     </div>
  199.     <div id="colonnedroite">
  200.       <div id="contact">
  201.         <div id="photo-contact"><img src="http://www.djmichaelkaiser.com/myspace2/images/contact-photo.jpg" width="132" height="210" alt="photo" /></div>
  202.         <div id="contact-infos"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-contact.gif" width="215" height="52" alt="titre-contact" /> <img src="http://www.djmichaelkaiser.com/myspace2/images/booking-contact.gif" width="215" height="72" alt="booking" /> <img src="http://www.djmichaelkaiser.com/myspace2/images/com-contact.gif" width="215" height="85" alt="com" /></div>
  203.       </div>
  204.       <div id="events"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-events.gif" width="326" height="54" alt="titre-events" /><img src="http://www.djmichaelkaiser.com/myspace2/images/events-09.gif" width="326" height="334" alt="events" /></div>
  205.       <div id="networks"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-networks.gif" width="331" height="54" alt="titre-networks" /><img src="http://www.djmichaelkaiser.com/myspace2/images/website.gif" width="382" height="69" alt="website" /><img src="http://www.djmichaelkaiser.com/myspace2/images/twitter.gif" width="382" height="66" alt="twitter" /><img src="http://www.djmichaelkaiser.com/myspace2/images/itunes.gif" width="382" height="67" alt="itunes" /><img src="http://www.djmichaelkaiser.com/myspace2/images/facebook.gif" width="382" height="68" alt="facebook" /><img src="http://www.djmichaelkaiser.com/myspace2/images/youtube.gif" width="382" height="67" alt="youtube" /><img src="http://www.djmichaelkaiser.com/myspace2/images/beatport.gif" width="382" height="68" alt="beatport" /></div>
  206.       <div id="videos">
  207.         <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="312" width="390">
  208.           <param name="allowScriptAccess" value="never" />
  209.           <param name="allowNetworking" value="internal" />
  210.           <param name="movie" value="http://www.youtube.com/v/jBSNXARykak&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" />
  211.           <param name="wmode" value="transparent" />
  212.           <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/jBSNXARykak&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" height="312" width="390" wmode="transparent" />
  213.         </object>
  214.         <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="312" width="390">
  215.           <param name="allowScriptAccess" value="never" />
  216.           <param name="allowNetworking" value="internal" />
  217.           <param name="movie" value="http://www.youtube.com/v/UQ2yRC5Ko7w&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" />
  218.           <param name="wmode" value="transparent" />
  219.           <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/UQ2yRC5Ko7w&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" height="312" width="390" wmode="transparent" />
  220.         </object>
  221.       </div>
  222.     </div>
  223.   </div>
  224.   <div id="colonnebas">
  225.     <div id="topfriends"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-topfriends.gif" width="331" height="53" alt="titre-topfriends" />
  226.       <div id="friends"><img src="http://www.djmichaelkaiser.com/myspace2/images/djcenter.jpg" width="98" height="142" alt="djcenter" /><img src="http://www.djmichaelkaiser.com/myspace2/images/didiersinclair.jpg" width="112" height="142" alt="didiersinclair" /><img src="http://www.djmichaelkaiser.com/myspace2/images/antoineclamaran.jpg" width="121" height="142" alt="antoineclamaran" /><img src="http://www.djmichaelkaiser.com/myspace2/images/djpaulette.jpg" width="94" height="141" alt="djpaulette" /><img src="http://www.djmichaelkaiser.com/myspace2/images/frenchgovernement.jpg" width="127" height="141" alt="frenchgovernement" /><img src="http://www.djmichaelkaiser.com/myspace2/images/normandoray.jpg" width="76" height="142" alt="normandoray" /></div>
  227.     </div>
  228.     <div id="friendscomments"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-comments.gif" width="331" height="53" alt="titre-comments" />
  229.       <div class="friendsComments"></div>
  230.     </div>
  231.   </div>
  232. </div>


 
Merci mille fois d'avance pour l'attention portée à ce message.  
Helios.

Reply

Marsh Posté le 15-02-2010 à 14:33:18   

Reply

Marsh Posté le 15-02-2010 à 19:44:41    

je devais en faire un pour un ami.
 
 
après 2 semaines d'arrachage de cheveux j'ai laissé tombé.
 
- Le code généré est pourri (moi qui suis un adepte du web sémantique et propre, c'est l'horreur)
- aucunes explications, ou tuto
- a toi de bricoler et de faire tes modifs à pouf (en gros)
 
bref myspace cay le mal


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 16-02-2010 à 10:38:15    

Merci pour l'encouragement :D
 
Mais j'ai absolument besoin de faire ce myspace :)

Reply

Marsh Posté le 16-02-2010 à 11:20:07    

y'a ca :
http://forums.myspace.com/t/374717 [...] viewthread
et ca:
(pas terrible mais ca peut aider :
http://blogs.myspace.com/france_myspacetutorial
et ces deux la plus complet :
http://www.lissaexplains.com/myspace/
http://www.davesite.com/webstation [...] edit.shtml

 

après c'est welcome in the jungle.. :bounce:


Message édité par theseeker le 16-02-2010 à 11:20:19
Reply

Marsh Posté le 16-02-2010 à 18:35:20    

Merci beaucoup.  
Je pensais avoir épluché tous les sites possibles et inimaginables !  
 
Ca m'a pas mal débloqué, mais je me rends compte d'un truc...
J'ai l'impression que ma page doit être entièrement en table.... L'HORREUR. Genre, adieu les Divs....

Reply

Marsh Posté le 16-02-2010 à 19:55:04    

faut que tu epluches tout ce que les mecs disent et que tu vois par toi meme ce que ca rend avec myspace c'est laborieux mais a la fin ca le fait  
 
myspace c'est un code a part entiere tu peux etre un super webmaster avec myspace t'es mort
le probleme c'est que meme en epluchant tout , je trouve toujours pas de logique dans leurs srcipts  
ce qui est fou c'est qu'il y en a qui gagnent leurs vies en faisant des myspace a d'autres genre 500€ le myspace  
 
faut aussi te dire que myspace c'est aujourd'hui un peu has been aujourd'hui c'est face book et twitter enfin d'après ce que j'ai vu  
 
après c'est a toi de voir : timbaland a toujours son myspace comme booba ou d'autres allumés de la scene musicale  
 
bon courage

Reply

Marsh Posté le 17-02-2010 à 13:39:07    

Non mais, j'ai pas le choix pour le myspace... Malheureusement.  
 
Hum, bon dans l'ensemble ça va déja mieux... Mais j'ai des problèmes d'alignement, d'éléments flash...  
 
donc j'ai pécho un code pour enlever le lecteur de base du myspace, donc (object etc) et J'ai essayé de mettre ça après :
 
embed, object {
 filter:alpha(opacity=0.1);
 opacity:0.01;
 -khtml-opacity:0.01;
}
.flash object {
 visibility:visible;
}
 
et
 
 <td class="flash" height="200" colspan="21">
        <object classid="clsid:d27cdb6e-ae6d-11...Etc
 
Mais pas moyen. Ca marche pas, je sais pas quoi mettre.  
 

Reply

Marsh Posté le 18-02-2010 à 01:33:25    

sinon ya des sites qui aident à faire ton design
 
fin moi ca m'a pas bcp aidé je dois dire


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 18-02-2010 à 09:43:36    

ouais c'est clair au lieu de te prendre la tronche comme ca tu vas sur un site comme pimp my profile ou un truc comme ca tu rentres ce que tu veux et voila  :sol:

Reply

Marsh Posté le 01-03-2010 à 14:52:04    

Non mais on me commande de faire un site pro. Donc je fais ce qu'on me demande.
 
Sinon, savez vous comment je pourrais intégrer des éléments flash dans mon code ? Je ne comprends pas.  
Toute ma page a été construite en tableau, et le flash ne semble pas fonctionner. Une erreur.  
 
>> http://www.myspace.com/michatest

Reply

Marsh Posté le 01-03-2010 à 14:52:04   

Reply

Marsh Posté le 01-03-2010 à 16:57:38    

il est mechant ton site en plus si tu fais un site pour ce dj j'adore ce mec il a fait des mechants mix ..
 
maintenant integrer du falsh dans myspace deja dans le html c'est deja la miz  
 
j'ai un truc c'est les layouts es templates deja fait que t'as plus qu'a modifier :
http://www.freelayouts.com/templat [...] s/4?page=7 si la dedans y'en a ou il y a deja du flash t'as plus qu'a modifier j'ai deja modifié un template flash avec template monster et ca rend grave bien maintenant dans myspace je sais pas ..

Reply

Marsh Posté le 06-03-2010 à 14:13:51    

encore un autre site de templates t'as plus qu'a modifier comme ca tu finis par comprende le codage de m... de myspace : http://www.pyzam.com/myspacelayout [...] -today/4/6
 
so long..

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed