Myspace’s tips flash et css !
11 mars 2008 par Niums dans CSS, Musique, Quoi de neuf sur le web
Je n’ai pas eu réellement le temps de me remettre sur mon blog ces derniers temps. Pas mal de boulot en freelance et aussi coté musique.
En fait c’est sur ce dernier point que je vais écrire ce billet. Donc, dernièrement je me suis occupé du myspace du groupe de musique avec lequel je suis. D’habitude je ne me prends pas trop la tête étant donné que je n’ai fait qu’un seul myspace et c’était pour moi. Je fais soit un truc plus que simple ou j’utilise Love my flash. Cette fois j’ai eu envie de voir ce qui m’était possible de faire avec myspace. Voici quelques infos qui pourraient en intéresser quelques un.
J’ai donc tout d’abord caché le maximum d’élements avec display: none, ensuite j’ai créé quelque chose d’assez simple en css, crée mes flash, mélangé le tout et envoyé la préparation sur myspace et comme vous vous en doutez ça n’a pas du tout fonctionné au début.
Il faut savoir qu’on peut apparemment faire ce qu’on veut sur myspace tant qu’on ne cache pas les pubs.
Les # sont automatiquement supprimés, pas d’utilisation d’id donc et les commentaires s’écrivent : .r { écrire ici les commentaires}.
Autre chose myspace a bloqué la possibilité d’utiliser les getURL dans flash, on ne peut donc pas créer de lien dans un flash vers un autre myspace ou un site externe. C’est du en fait à une attaque par un vers utilisé dans flash en 2006. Vous remarquez donc à chaque fois que vous ajoutez un flash que celui-ci se voit inclure les propriétés ci-dessous :
<param name="allowScriptAccess" value="never" />
<param name="enableJSURL" value="false" />
<param name="enableHREF" value="false" />
La seule solution trouvée pour le moment est de créer un gif transparent puis de le superposer au dessus du flash grâce au css. Le lien se fera sur le gif. Pas très pratique lorsque vous avez plusieurs éléments qui bougent tout de même.
RECAPITULATIF
CSS
/*Pour cacher votre boite de contacts */
.contactTable {display: none;}
/*Cacher l’URL du profil :*/
table table table table div {visibility:hidden;}div table table table table table div input, div a, td.text div {visibility:visible;}
/*Cacher la section “Amis” :*/
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}
/*cacher la photo de mon profil.*/
.profileInfo {display:none;}
/* modifier la taille de la section commentaires */
/* commentaires */
.friendsComments{
width: 900px;
}
/* modifier taille des photos dans commentaires */
.friendsComments img { width : 300px; }
/* pour changer le background */
body {
background-color:000000;
background-image:url(http://www.url-de-l-image.jpg);
background-position:center top;
background-repeat:repeat;
background-attachment:scroll;
}
/* modifier l’apparence des tables */
/* largeur de la table à 100% */
table table table {
width:100%;
max-width: 800px; /* la largeur du bloc principal ne ser pas supérieur à 600 px */
}
table table table table {
width:100%;;
}
/* style des bordures et image de fond des tables*/
table table table {
border-style:Dotted;
border-width:2px;
border-color:dddddd;
background-image:url(http://www.url-de-l-image.jpg);
background-repeat:repeat;
background-attachment:fixed;
}
/* transparence table */
table table table td {
filter:alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
-khtml-opacity:0.90;
}
/* changer l’apparence de la souris */
body, .bodyContent {
cursor:crosshair;
}
/* inverser le contenu de votre myspace */
table {direction:rtl;}
table table table {direction:ltr;
}
/* cacher le nombre d’amis */
td.text td.text .btext {display:none;}
/* cacher l’affichage du nombre de visites sur myspace music*/
td td td td.text {visibility:hidden;}
td.text td.text, td td td td.text * {visibility:visible;}
/* cacher les liens du footer */
a.text, table div font a, table div div {
visibility:hidden;
}
table table div font a, table table div div {
visibility:visible;
}
img {
border:0px;
}
table tr td div font {
display: none;
}
tr {
background-color:transparent
}
FLASH
déplacer le lecteur flash grace au css
td.text td td object {position:static; margin-left:0px; z-index:9;}
Continuez votre lecture avec
- Article suivant : FAT FREDDY’S DROP en concert le 23/04/2008
- Article précédent : HOCUS POCUS le 13/05/2008 à L’OLYMPIA
Articles similaires
Apparement aucun article ne ressemble à celui ci... Bizarre !
Commentaires (81)
Laisser un commentaire
Slt a tous comment mettre une toff ds le carde « url de mon profil » svp ?
Rien de bien compliqué ! Tu dois ajouter une photos dans ton administration et ensuite la choisi comme photo de profil en cliquant sur « Utiliser comme couverture d’album »
Bonjour,
Voilà, j’ai un petit souci quand je créé les div. Il m’est impossible de changer la police, sa couleur etc. J’ai essayé dans le CSS et aussi dans le corps en lui-même, mais rien n’y fait.
Comment faire ?
@ Amélie : Question bête tu as bien donné une classe à ton div ?
par exemple
<div class="rouge">
Mon contenu
</div>
mon css
.rouge{ color:#FF0000; }J’ai également oublié mon second problème : J’ai essayé beaucoup de codes pour retirer l’espace où se trouve l’URL de mon MySpace, mais rien ne change également. Si on ne sait pas l’enlever, alors comment faire pour la modifier (avec une image ou du texte, par exemple) ?
Pour cacher l’url si c’est bien ce que tu veux :
table.userProfileURL{display:none;}et pour ton probleme de div il va falloir m’en dire plus, sinon pour « forcer » tu peux utiliser !important
.rouge { color = #FF0000 !important; }Oui, j’ai bien donné un nom à ma div. :)
Merci, le code pour cacher l’URL fonctionne. :)
Pour mes div, je les nomme bien. Apparemment, la taille du texte veut bien changer, mais pas la couleur ni la police.
Exemple :
.haut{
color: #868686; !important;
background-color: white;
width: 400px;
height: 20px;
margin-left: 70px;
font-family: tahoma: !important;
font-size: 10px; !important;
}
Et dans le corps :
Texte
Résultat : La hauteur et la largeur fonctionnent, la couleur blanche de fond également, la taille de la police aussi. La marge aussi. Mais le reste, niette.
Est-ce qu’il faut créer carrément une page, genre :
Et compagnie ?
Oups, il a pris en compte.
Je disais donc :
Grrr ! Texte
Si ça ne fonctionne toujours pas… :@
Oui des que tu marques du codes ca ne passe pas … mets ton code entre
<pre><code> ton code </code></pre>
Sinon petite remarque : tu as marqué :
color: #868686; !important;alors que c’est
color: #868686 !important;
et
font-size: 10px; !important; alors que ce serait :
font-size: 10px !important;
ca te change quelque chose ?
Aaah ! Bingo ! Ca fonctionne. Merci beaucoup. :)
Didju… Maintenant ça fonctionne pour tout SAUF pour la couleur du texte !
Pour ta couleur cible peu être le texte plus précisément :
.div {color:#868686 !important};
.div p {color:#868686 !important};
.div a {color:#868686 !important}
Bonjour,
je tente désespérément de virer la section « informations générales » . J’ai essayé une tonne de différents codes y compris celui disponible ici même !
Je comprends pas trop parce qu’avec le code pour cacher la table de contact aucun soucis mais là…
Je voudrais re designer complètement mon site et je voudrais virer complètement les section…
Help…
Bonjour, je voudrais savoir comment mettre un gif transparent par dessus un fichier flash, pas en dessous car les liens incluent dans mon animation flash ne fonctionnent pas, myspace ne les autorise pas!
@ Art : j’avais traité la question sur cette page, tu peux t’en inspirer pour faire ton gif transparent cliquable :
http://www.blog.niums.com/2008/net/action-script/afficher-masquer-une-image-au-dessus-dun-flash/
Bonjour,
je suis entrain de designer le myspace de mon groupe et j’aimerais savoir quels sont les balises pour chaque table/section du myspace, pour les modifier ou les remplacer.
Et par ailleurs, comment faire pour transformer le texte en qui est en bleu par défaut?
merci ^^
Bon je vais me reprendre, parceque je me suis très mal exprimé dans la hâte… ^^
Mon but est de fusionner toutes les tables afin d’obtenir au final 3 colonnes (ex: ) et par conséquent savoir comment accéder aux différentes sections (que signifie « table table table » « table table table table » « table table table td » etc)…
J’espère avoir été assez clair :d
*** ex: http://www.myspace.com/frombehindthesewalls702
@9FB : le lien que tu m’as donné n’existe plus :(
Pour ton souci il te faudrait en fait cacher toutes les sections et faire ton design par dessus.
Si tu as besoin d’une secion en particulier tu utilises son id, classe pour la déplacer, la modifier.
Pour avoir les classes de toutes les sections, firefox est ton ami ;-) parcequ’en fait avec le plug-in firebug tu peux « inspecter » une page et connaitre le nom des classes et id qui t’intéresse.
Firebug « existe » aussi pour IE.
+++
Salut Nums, j’aurais besoin d’un peu d’aide pour custominer le myspace de mon groupe. En fait j’aimerais recouvrir la partie gauche du myspace (les boites profil, contact, membres du groupes, influences, …) mais je trouve pas vraiment comment faire. J’avais pensé tout recouvrir d’un seul coup en faisant une énorme bannière en gif avec des endroits en transparence, mais forcement en dessous de la transparence impossible de cliquer (notement sur le player myspace). Tu pourrais me filer un coup de main si tu as le temps? Merci d’avance mec!
bonjour, je n’arrive pas du tout à scacher mon url dans lovemyflash. y a t il qqch de particulier à faire lorsque l’on rentre les codes???
bonjour, je n’arrive pas du tout à scacher mon url dans lovemyflash. y a t il qqch de particulier à faire lorsque l’on rentre les codes???
Ahhhhghff désolé je ne connais pas bien Love myflash.
Bonjour, vos liens ou doit on les mettre dans biographie?
merci pour ton travail ; )
Hello Davis, oui tu peux les mettre dans biographie.
bonjour ! désolé j’ai pas bien compris ta méthode en fait…apparament quelqun à poser la question qui m’interessait à savoir les balise pour chaque section…mais comme faut les fusionner toute ensemble ou presque , heu ben je sais pas trop comment faire…
En fait tu ne fusionnes pas les balises, ou plutot dans mon cas je ne les fusionne pas. Comme c’est du css, tu rends invisble celle qui ne t’intéresse pas et tu en crée une nouvelle.
salut est -il possible de placer la section affichage et l’avatar
Je ne comprends pas, de quelles sections parles tu ?