helios63 | 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 :
- <style>
- * {
- margin: 0px;
- padding: 0px;
- }
- body {
- background-color:000000;
- background-attachment:fixed;
- background-image: url(http://www.djmichaelkaiser.com/myspace2/images/fond2.gif);
- background-position:top center;
- background-repeat:repeat;
- border-color:none;
- border-style:solid;
- padding-left:0px;
- padding-right:0px;
- }
- pub {
- width: 800px;
- margin:auto;
- top:0;
- }
- global-1 {
- position:absolute;
- width:800px;
- z-index:9;
- top:500px;
- left:200px;
- background-color: 000;
- }
- main {
- width:800px;
- background-color: 000;
- margin:auto;
- }
- colonnegauche {
- float: left;
- width: 323px;
- }
- colonnedroite {
- margin-left: 383px;
- }
- texte-bio {
- height: 300px;
- width: 323px;
- overflow: scroll;
- color: FFF;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- text-align: right;
- }
- biography {
- margin-bottom: 15px;
- margin-left: 20px;
- }
- player {
- height: 410px;
- width: 323px;
- margin-left: 20px;
- }
- player object {
- visibility:visible;
- display:block;
- }
- news {
- color: FFF;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 10px;
- margin-left: 20px;
- }
- .titre-news {
- font-size: 16px;
- color: 9E005D;
- font-weight: bold;
- }
- podcast {
- margin-top: 15px;
- margin-left: 20px;
- }
- newsletter {
- margin-top: 15px;
- margin-left: 20px;
- }
- .newsletter-champs {
- width: 200px;
- color: FFF;
- background-color: 000;
- border: thin solid 333;
- }
- .newsletter-bouton {
- color: FFF;
- background-color: 000;
- border: thin solid 333;
- }
- videos {
- margin-top: 15px;
- }
- contact {
- }
- photo-contact {
- width: 132px;
- float: left;
- }
- contact-infos {
- float: left;
- width: 215px;
- }
- events {
- }
- networks {
- }
- colonnebas {
- clear: both;
- width: 800px;
- margin: auto;
- background-color: 000;
- }
- topfriends {
- margin-left: 20px;
- }
- friendscomments {
- margin-top: 15px;
- margin-left: 20px;
- }
- /* HIDER */
- td td td select {position:static !important;}
- div table div form {display:none !important;}
- .bodyContent table table div form {display:inline !important;}
- .navigationbar {display:none;}
- .profileinfo {display:none;}
- .contacttable {display:none;}
- .userprofileurl {display:none;}
- embed, object {filter:alpha(opacity=0.1); opacity:0.01; -khtml-opacity:0.01;}
- table table table embed, table table table object,
- td.text div embed, td.text div object {filter:none; opacity:none; -khtml-opacity:none;}
- .interestsAndDetails {margin-top:-80px;}
- .interestsanddetails {display:none;}
- .userprofiledetail {display:none;}
- .userprofileschool {display:none;}
- .userprofilenetworking {display:none;}
- .userprofilecompany {display:none;}
- .extendednetwork {display:none;}
- .latestblogentry {display:none;}
- .blurbs {display:none;}
- .friendspace {display:none;}
- .friendscomments {display:none;}
- table div {display:none;}
- div table div, table table div {display:block;}
- </style>
- <div id="global-1">
- <div id="pub">
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="200" width="800" id="FlashID">
- <param name="allowScriptAccess" value="never" />
- <param name="allowNetworking" value="internal" />
- <param name="movie" value="http://www.djmichaelkaiser.com/myspace2/elements/pub1.swf" />
- <param name="wmode" value="transparent" />
- <param name="quality" value="high" />
- <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" />
- </object>
- </div>
- <div id="main"><img src="http://www.djmichaelkaiser.com/myspace2/images/header.jpg" width="800" height="525" alt="header" />
- <div id="colonnegauche">
- <div id="biography"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-bio.gif" width="331" height="53" alt="titre-bio" />
- <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 />
- <br />
- 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 />
- <br />
- 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 />
- <br />
- Spécialiste de Tribal House et Tech House, ses influences sont Peter Rauhofer, Chus et Ceballos et Tom Stephan (SuperChumbo).</div>
- </div>
- <div id="player"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-player.gif" width="331" height="54" alt="titre-player" />
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="336" width="336">
- <param name="allowScriptAccess" value="never" />
- <param name="allowNetworking" value="internal" />
- <param name="movie" value="http://player.believe.fr/player/3700578302670/3/black/0/0/1/en/" />
- <param name="wmode" value="transparent" />
- <param name="quality" value="high" />
- <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" />
- </object>
- </div>
- <div id="news"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-news.gif" width="331" height="54" alt="titre-news" />
- <div id="news-contenu"><span class="titre-news">THIS SATURDAY _13/02/10_!</span><br />
- <strong> MICHAEL KAISER @ QUEEN-CLUB, PARIS</strong><br />
- <img src="http://www.djmichaelkaiser.com/myspace2/images/news1.jpg" width="308" height="153" /><br />
- <br />
- <span class="titre-news"><strong>"ROXYPHONIC"</strong></span><strong><br />
- NOW Available on Itunes & Beatport ! </strong><br />
- <img src="http://www.djmichaelkaiser.com/myspace/images/news-1.jpg" width="308" height="153" /> </div>
- </div>
- <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>
- <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" />
- <input name="newsletter" type="text" class="newsletter-champs" value="newsletter" size="30" />
- <input name="ok" type="submit" class="newsletter-bouton" id="ok" value="ok" />
- <form id="form1" name="form1" method="post" action="">
- <label>ok</label>
- </form>
- </div>
- </div>
- <div id="colonnedroite">
- <div id="contact">
- <div id="photo-contact"><img src="http://www.djmichaelkaiser.com/myspace2/images/contact-photo.jpg" width="132" height="210" alt="photo" /></div>
- <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>
- </div>
- <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>
- <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>
- <div id="videos">
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="312" width="390">
- <param name="allowScriptAccess" value="never" />
- <param name="allowNetworking" value="internal" />
- <param name="movie" value="http://www.youtube.com/v/jBSNXARykak&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" />
- <param name="wmode" value="transparent" />
- <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" />
- </object>
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="312" width="390">
- <param name="allowScriptAccess" value="never" />
- <param name="allowNetworking" value="internal" />
- <param name="movie" value="http://www.youtube.com/v/UQ2yRC5Ko7w&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" />
- <param name="wmode" value="transparent" />
- <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" />
- </object>
- </div>
- </div>
- </div>
- <div id="colonnebas">
- <div id="topfriends"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-topfriends.gif" width="331" height="53" alt="titre-topfriends" />
- <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>
- </div>
- <div id="friendscomments"><img src="http://www.djmichaelkaiser.com/myspace2/images/titre-comments.gif" width="331" height="53" alt="titre-comments" />
- <div class="friendsComments"></div>
- </div>
- </div>
- </div>
|
Merci mille fois d'avance pour l'attention portée à ce message. Helios. |