S'abonner :  Newsletters    Magazines
Avis sur les produits Avis sur les logiciels Avis sur les jeux Actualités A propos de 01net
872 utilisateurs connectés

[CSS] Myspace : arrangements graphiques

ted.hingue le 04 juillet 2006 à 20h14
Salut les zamis,

Je suis en train de customizzzer l'espace Myspace d'un groupe musical.

Pour vous donner un exemple, en dehors du mien, voici celui d'un groupe, puppetmastaz : http://www.myspace.com/puppetmastaz

Bon, maintenant, j'aimerais bien modifier mon espace myspace, j'ai déjà essayé et plus ou moins réussi, mais je pense que je vais avoir besoin de votre aide :D

Alors, si j'ai bien compris, une page Myspace se structure avec ça :
<STYLE type=text/css>
body, table, td {background-color:transparent;border:none;border-width:0}
</style>

<style type="text/css">
<!-- --> --> --> --> --> --> --> --> --> -->
body {
background-color: B3998A !important;
}--></style>

<STYLE type=text/css>body{background-color:B3998A}
-->
</style>

<style>
font, td, a, body, input, textarea{font-family:Verdana,Tahoma;font-size:8PT;
line-height: 8pt; color:000000}
input, textarea{border:1px solid; font-size: 7pt;overflow:hidden;background-color:B3998A;}
</style>

<STYLE type="text/css">
a:link { text-decoration: none; color:775646;}
a:visited { text-decoration: none; color:775646;}
a:hover{ text-decoration: bold; color:775646;}
a:active { text-decoration: none; color:775646;}
</style>

<style type="text/css">
<!-- --> --> --> --> --> --> --> --> --> -->
.text, .spacetext, .redtext, .redtext8, .redbtext, .redtext12b,
.bluebtext, .redbtext, .utext, .orangetext, .orangetext2,
.orangetext15, .lightbluetext8, .bluetext8, .whitetext7,
.whitetext12, .whitetext15, .blacktext15, .blacktext13,
.blacktext12, .nametext, .blacktext12nb, .blacktext10,
.blacktext10nb, .blacktext7, .footer, .skip, .blacktext14bu

a, a:link, a:active, a:visited, a:hover,
a.readmail, a.readmail:link, a.readmail:active, a.readmail:visited, a.readmail:hover,
a.redlink, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover,
a.blink, a.blink:link, a.blink:active, a.blink:visited, a.blink:hover,
a.white, a.white:link, a.white:active, a.white:visited, a.white:hover,
a.white7, a.white7:link, a.white7:active, a.white7:visited, a.white7:hover,
a.black7, a.black7:link, a.black7:active, a.black7:visited,
a.black7:hover, a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited,
a.navbar:hover, a.skip, a.skip:link, a.skip:active, a.skip:visited,
a.skip:hover, a.redlink7, a.redlink7:link, a.redlink7:active,
a.redlink7:visited, a.redlink7:hover, a.graylink7, a.graylink7:link, a.graylink7:active,
a.graylink7:visited, a.graylink7:hover, a.bluelink, a.bluelink:link, a.bluelink:active,
a.bluelink:visited, a.bluelink:hover, a.searchlinkBig, a.searchlinkBig:link,
a.searchlinkBig:active, a.searchlinkBig:visited,a.searchlinkBig:hover,
a.searchlinkSmall, a.searchlinkSmall:link,a.searchlinkSmall:active, a.searchlinkSmall:visited,
a.searchlinkSmall:hover, a.blue_white, a.blue_white:link, a.blue_white:active,
a.blue_white:visited, a.blue_white:hover
{ font-family: Verdana,Tahoma;
font-size: 8pt;
line-height: 10px;
color:775646;
font-weight: none;
text-decoration: none;
text-transform: none; }


.navbar,
.blacktext10,
.nametext,
.copy,
.text,
.whitetext10,
.whitetext12,
.lightbluetext8,
.pinktext15,
.orangetext15,
.btext,
.blacktext12,
.redtext,
.redbtext,
.lightbluetext8,
{ font-family: Verdana,Tahoma;
font-size: 8pt;
line-height: 10px;
color:000000;
font-weight: none;
text-decoration: none;
text-transform:none; }
-->
</style>

<style type="text/css">
BODY
{border-style:solid;
border-top-width:20px;
border-bottom-width:20px;
border-left-width:10px;
border-right-width:10px;
border-color:928777;}</style>


Si c'est bien ça,

  • Que dois-je changer pour que les bordures des tableaux soient pleines, ou en pointillé
  • Comment changer la couleur de fond d'une cellule ( contact, description, shows...)
  • Comment changer la couleur des liens, etc etc... :)

  • Merci d'avance pour votre aide,
    ted
    ted.hingue le 04 juillet 2006 à 20h34
    J'ai trouvé une feuille de style plus sympa :

    <style>
    /* MySpace Layout Tutorial - http://forums.dreamincode.net/showtopic12645.htm */
    /* MAKE EVERYTHING TRANSPARENT FIRST */
    body, table, td {background-color:transparent;border:none;border-width:0}

    /* MODIFY YOUR BACKGROUND */
    body { background: url(http://strupx.com/img/x.png); }


    /* CHANGE THE LOOK AND FEEL OF ALL THE TABLES AND DEFAULT TEXT IN THEM */
    table table table td { background-color: yellow; color: red; }

    /* CHANGE HOW YOUR NAME APPEARS */
    .nametext { color: orange; padding: 5px; font-family:
    Impact, sans-serif; font-size: 16pt; }

    /* CHANGE HOW LINKS IN ABOUT ME APPEAR */
    a.searchlinkSmall:link { color: blue; }

    /* CHANGE BACKGROUND, TEXT, COLORS ON RIGHT SIDE OF PROFILE */
    .text table tr td { background-color: #F7F7F7; border: #000000}

    /* MODIFY MOST OF THE TEXT IN THE ABOUT ME SECTION */
    .text table tr td p { color: blue; border: 0px}

    /* MODIFY WHO I'D LIKE TO MEET AND THE COMMENTS SECTION */
    .text td { color: black; }

    /* CHANGES THE CONTACT TABLE */
    .contactTable td { background-color: EEEEEE; }

    /* ALL OTHER LINKS ON THE PAGE */
    a:link { color: red; }

    /* DEFAULT BACKGROUND COLORS */
    table { background-color: transparent; }
    table table { background-color: transparent; }

    /* MODIFIES THE 'SO AND SO IS IN YOUR EXTENDED NETWORK' TEXT */
    .blacktext12 { background-color: red; padding: 4px; color: white; background-image: url(http://home.dreamincode.net/images/header_background.gif); }

    /* DATES IN THE COMMENTS SECTION */
    .blacktext10 { color: green; }

    /* TEXT HEADERS ON THE LEFT SIDE */
    .whitetext12 { color: black; background-image: url(http://home.dreamincode.net/images/header_background.gif); }

    /* MODIFY THE 'GENERAL', 'MOVIES', 'HEROES', 'MUSIC', etc. */
    .lightbluetext8 { color: black; }

    /* MODIFY THE ABOUT ME COLOR */
    .orangetext15 { color: black; padding: 2px; }
    </style>

    Par contre, toujours les mêmes questions :D

    En fait, je cherche à connaitre les commandes CMS, où puis je trouver ça ?
    Beno@ le 05 juillet 2006 à 10h27
    les commnandes CMS? :/

  • pour les tableaux ca depend si tu veux que les cellules aient un bord en pointillés ou juste le contour du tableaux ;)

  • pour le contour des tableaux faudrait rajouter

    table
    {
    border: 1px solid #000000;
    }
    pour avoir un trait continue sinon faut remplacer solid par dashed

  • pour le fond des cellules ce serait
  • td
    {
    background-color: #000000;
    }

  • pour les liens c'est
  • a /* lien non survolé, non visité */
    {
    color: #000000;
    text-decoration: none; /* pour enlever le soulignement */
    }
    pour modifier le style d'un lien survolé c'est pas a mais a:hover, pour un lien actif (juste cliqué) c'est a:active et pour un lien visité c'est a:visited ;)



    ted.hingue le 07 juillet 2006 à 09h50
    Yes, merci benoit :)
    Beno@ le 07 juillet 2006 à 12h58
    de rien :)
    Skerik le 19 juin 2007 à 19h56
    Salut,
    je sais pas si je fais bien de profiter de ce topic plutot que d'en créer un nouveau.
    J'ai un myspace music pour mon groupe, et j'ai une banière que je voudrai afficher en haut de la page, par dessus la banière pub de myspace, et qu'elle soit toujours centrée.

    Pour l'instant j'arrive à afficher ma banière en haut et centrée quand firefox est aggrandit au maximum, mais si je réduis la fenêtre la banière reste fixe.
    Et la banière de pub reste toujours au-dessus (avec ad-block plus je peux enlever cete pub, mais les gens qui n'ont pas adblock verront la pub par dessus ma banière).

    La page en question est http://www.myspace.com/astonmartine

    Merci pour votre aide
    -------
    Je ne suis pas schizophrène, mais moi si.
    Beno@ le 19 juin 2007 à 20h05
    tu n'as pas le droit de cacher la bannière de myspace sinon ils peuvent résillier ton compte.
    Skerik le 19 juin 2007 à 20h11
    Ah ben tant pis alors,
    Je vais peut-être mettre un lien vers adblock plus alors lol!

    Merci
    -------
    Je ne suis pas schizophrène, mais moi si.
    ornite le 19 juin 2007 à 20h19
    Je sais pas si c'est encore d'actualité mais l'affichage avec firefox et bizarre, le texte de la colonne de droite par légérement a gauche et sort du cadre. :/
    -------
    [:jandre:1]Il faut mieux en mettre plus que moins [:KiWin:1]
    BootyMeat le 02 juillet 2009 à 19h09
    bonjour je viens de me creer un nouveau compte, par contre j'essaie de revenir au myspace 1.0 de la façon indiquée sur la page suivante :

    http://www.graphicami.com/actualites/myspace-1-au-profil-myspace-2-8675344.ht(...)

    mais ca ne fonctionne pas mon compte reste sous la configuartion du 2.0

    je ne suis pas programeuse du tout et j'ai ni l'envie ni le temps d'essayer de comprendre pourquoi mon code html que je me suis fabriquée (peniblement) fonctionne mal sur le 2.0, j'ai juste envie de retourner sous le 1.0 copier coller quelque part dans " mon profil " et basta


    quelqu'un à t'il deja eu le meme problem, (j'ai testé avec firefox et Internet explorer pourtant...)
    Merci d'avance
    system-z le 03 juillet 2009 à 16h09
    Sinon y a ca qui est très bien et en français :

    http://myspace-editeur-profil.com/
    BootyMeat le 05 juillet 2009 à 22h30
    Bonjour et merci votre lien est tres pratique et tres chouete mais je n'ai pas trouver de solution à mon soucis, c'est à dire revenir à un myspace 1.0 (je pense que c'est un bug due à la version de mes navigateur... mais je n'en suis pas sure du tout... )


    PRODUITS

    TÉLÉCHARGER - LOGICIELS

    JEUX VIDÉOS

    LOISIRS

    01NET PRO

    AVIS ET COMMENTAIRES

    A PROPOS DE 01NET

    publicité
    > 01netPro :
    Rubrique Emplois
    Actualités et dernières offres mises en ligne.

    Service 01net
    Newsletters 01net
    abonnez vous gratuitement !
      
    01Informatique
    01 INFORMATIQUE
    L'hebdo de référence des décideurs informatiques.
    Micro Hebdo
    MICRO HEBDO
    L'hebdo qui vous simplifie la micro
    et Internet.
    L'Ordinateur Individuel
    L'ORDINATEUR INDIVIDUEL
    Le mensuel informatique qui vous informe et vous conseille.
    Nous contacter  |  Charte de confiance  |  Voir notice légale

    01net.  -  01men  -  RMC  -  BFM Radio  -  BFM TV  -  TousLesPodcasts  -  01informatique.fr  -  Association RMC-BFM
    Tous droits réservés © 1999 - 2009 Internext - 01net.