Marre des grosses images sur MySpace ? Comment les réduire ou les cacher
MySpace est un lieu d’échanges, mais surtout un outil assez extraordinaire pour découvrir des artistes, que ce soit dans le domaine de la musique, de la vidéo, de la photo … paradoxalement, cette plateforme communautaire a été codée avec des pieds. De bonobo cérébrolésé. Non conforme aux standards, bidouillages CSS directement dans le code HTML … même en 1998 on faisait des sites mieux réalisés avec HTML 4.0 ! Le but étant de se créer sa communauté, vous serez amené très rapidement à un problème : les profils qui viennent sur votre page pour publier une image, en général publicitaire, et qui ont une tendance à exagérer la taille, brisant votre mise en page. Voici l’astuce pour réduire ces dites images, voire les cacher.
Première étape : se connecter
Etape inéluctable pour changer la mise en page de son profil MySpace : passer par la page administration. La capture d’écran vous indique le lien à cliquer, en l’occurence “Modifier mon profil”
Deuxième étape : insertion du code CSS pour réduire les images
CSS (Cascading Style Sheet, traduit par feuille de style) permet, entre autre, de personnaliser une page Internet : que ce soit la mise en page, les couleurs, la taille des polices … il est possible de tout faire. Sauf sur MySpace, car la mise en page utilise une vieille méthode, celle des tableaux, abandonnée depuis que le web se standardise (depuis … 2000 !) avec le XHTML 1.0. Il est néanmoins possible d’utiliser CSS notamment pour les couleurs ou les polices … et les images. Et pour éradiquer une fois pour toutes les flyers à taille exagérée, rajoutez tout simplement dans “qui je suis” le code ci-dessous (Edit : fonctionne désormais sous Internet Explorer) :
Mise à jour 18 juin 2007.
Depuis peu, le code MySpace a changé, et désormais (ENFIN), chaque portion possède sa propre classe … et en ce qui concerne les commentaires, elle se nomme friendsComments … du coup, tout se résume désormais a 1 seule ligne :) à savoir :
<style type="text/css">
.friendsComments img { width : 400px; }
</style>
Mise à jour 24 septembre 2007
Comme l’ont pu faire remarquer les commentaires ci-dessous, cette technique fonctionne à merveille … mais il y a un mais. Au lieu d’avoir séparé en 2 classes distinctes (par exemple .avatars et .comms), MySpace a globalisé sa classe pour les commentaires et les avatars : du coup, si vous mettez une limite de 400px … vos avatars auront aussi 400px de largeur ! Voici la solution : un avatar est forcément un lien. Il suffit donc d’indiquer la “bonne” taille d’un avatar MySpace :
<style type="text/css">
.friendsComments a img { width : 90px; }
</style>
Le code ci-dessus permet de dire : “toute image contenue dans un lien ne dépassera pas 90px de largeur”. Ainsi, ceux qui postent des images non clickables pourront voir leur publicité / photo avec une largeur de 400px, pendant que les avatars (images clickables) ne dépasseront pas 90px. Subsiste alors le dernier hic, actuellement non contournable : toute personne qui postera une image clickable verra cette dernière à … 90px. Le code complet :
<style type="text/css">
.friendsComments a img { width : 90px; }
.friendsComments img { width : 400px; }
</style>
Mise à jour 24 juin
MySpace aimant changer ses codes régulièrement … pour réduire ses images très simplement dans les commentaires, il suffit désormais d’ajouter ceci
<style type="text/css">
.columnsWidening img { width : 400px; }
</style>
Et toutes vos images de vos commentaires auront pour taille maximale 400px, que ce soit sous Firefox, Opera ou Internet Explorer !
Dans l’exemple ci-dessus, toutes les images postées par les utilisateurs seront redimensionnées à 400px de largeur maximum.. Par expérience, je me suis rendu compte que la taille idéale pouvait être comprise entre 400 et 500px, ces valeurs n’endommageant pas la mise en page de votre espace MySpace.
En espérant que cette petite leçon vous permettra désormais de gérer au mieux votre mise en page :)
Sur Internet explorer comme je le disais y’a un soucis concernant les photos des “amis”, j’ai essayé la technique qui consiste Ã
Merci pour le feedback : decidement Internet Explorer sera toujours aussi lourdingue :)
je t’invite donc Ã
Voila, je me suis penché sur le sujet … en fait il faut donner des valeurs Ã
salut Rod
j’ai un problème avec myspace
l’affichage de ma page avec firefox est nickel
avec internet explorer 7 ,c’est un desastre,ça s’affiche tout en longueur comme si c’était conçu pour un écran 16/9e.
j’ai passer des heures Ã
Bonjour !
comment fait-on lorsqu’on a déjà utilisé un myspace editor et qu’il y a déjà des balises ??
où faut-il insérer le code présenté sur ce site, et d’ailleurs, où commence-t-il et où s’arrête-til ? L’exemple donné avec les 200px est plus court que ce qui précède, lui-même précédé par un autre code barré..
je ne m’y retrouve pas…
merci d’avance de m’éclairer ! :)
bonjour,
je viens de tester la réduction d’images des comments avec le code mis à jour le 18 juin…ça marche…mais ça augmente d’autant la taille de la zone de gauche…y-a un problème ou j’ai rien compris ?
merci !
bassman
hello
voilà un moment que je cherche un code qui fonctionne pour réduire la taille des images..
Comme bassman (ci-dessus)je suis bien d’accord sur le fait que ton dernier code permet de mettre les images postées dans les commentaires à la taille voulue MAIS les avatars -censés être petits- se mettent à la même taille…
As-tu une solution ?
merci en tous cas !
Hi,
Pareil, j’ai inséré ce code dans mon profil… alors pour la taille des images postées c’est fantastique… cependant les photos avatars des amis sont d’autant agrandies… c’est horrible…
J’ai donc supprimé ce code, en existe-t-il un autre de disponible qui règle ce souci?
Merci pour l’éventuelle réponse…
Kissssss
Hello : merci pour le feedback, j’ai mis à jour :)
ca ne marche pas.
si je le fais, une partie des commentaires seront en taille 90 comme les avatars, une autre sera grossie à 400 et une 3ème categorie fonctionne bien.
les avatars eux sont nickels…
j’ai enlevé le code. c’était atroce. donc si jamais redites-moi. peace
J’ai remplacé
width:
par
width-max:
et du coup, le code ne s’applique que sur les images qui dépassent les bornes.
Vos images de moins de 400px ne changent pas.
Les plus de 400px sont rammenées à 400px.
Voilou
Je viens de mettre ca et ca ne marche pas du tout….
pourquoi???
tout les avatar, du moins toute les fotos avec u un “link” prenne la grandeur 650px ??????
PS cést un essai pour voir si ca marchais ce que disais MATT.
malheureusement pas
A+
Merci pour une reponse
PS 2 : Existe t il avec un CSS code la possibilite de travaille avec des proportion differentes ds le style:
height = height / width x 500 (celebre regle de trois)
si oui qui connait la reponse?????
merci d´avance et un petit bonjours de Heidenheim ou j´habite…
.friendsComments a img { width-max:650px; }
.friendsComments img { width: 450px; }
voila ce que je viens de mettre
….style type=”text/css”>
.friendsComments a img { width-max: 450px; }
.friendsComments img { width: 450px; }
…./style>
ne serait il pas plus simple de resoudre le probleme en bloquant la lageur du tableau (Tabelle, colum) et en mettant les images en , par exemple,
width =100%
merci encore
Merci pour tes explications sa déchire ton code marche direct
Peace
thats it, brother