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
Commentaires (81)