Resize Comment Images

February 16, 2007

Hate those huge size comment pictures that messing up your MySpace profile?
Yes! I hate them too.
Wait wait, don’t delete them, well, we can just resize them all by using this code.

Screenshots:

  • before: (page is horizontally extended)
  • after: (image is resized, fit in the comment table)

Instructions:

  1. Copy and paste the code into About Me section
  2. <style type="text/css">
    td.text td.text table table table td a img {width:100px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
    td.text td.text table table td div img {width:80px;}
    * html td.text td.text table table td img {width:260px;}
    * html td.text td.text table table td a img {width:90px;}
    * html td.text td.text table table td div img {width:80px;}
    </style>

  3. Save your editing and preview. Done. =)

16 Responses to “Resize Comment Images”

  1. damion Says:

    FireFox it seams to work fine. IE which most myspace users use. It jacks the images up.

  2. hey Says:

    kfj’kdsafkldsm,’poclek;rfkjgu are gaynot

  3. z-unit Says:

    change the width value of the first (*html) universal selector to {width:auto;}

    the code works in IE now.

    td.text td.text table table table td a img {width:90px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:420px; max-width:420px; width:auto;}
    td.text td.text table table td div img {width:80px;}
    * html td.text td.text table table td img {width:420px;}
    * html td.text td.text table table td a img {width:auto;}
    * html td.text td.text table table td div img {width:80px;}

    (also, change the width value of the first line to 90px instead of 100px, which keeps the “friends images” from pixelating on firefox)

  4. z-unit Says:

    td.text td.text table table table td a img {width:90px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:420px; max-width:420px; width:auto;}
    td.text td.text table table td div img {width:80px;}
    * html td.text td.text table table td img {width:420px;}
    * html td.text td.text table table td a img {width:auto;}
    * html td.text td.text table table td div img {width:80px;}

  5. z-unit Says:

    td.text td.text table table table td a img {width:90px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:420px; max-width:420px; width:auto;}
    td.text td.text table table td div img {width:80px;}
    * html td.text td.text table table td img {width:420px;}
    * html td.text td.text table table td a img {width:auto;}
    * html td.text td.text table table td div img {width:80px;}

  6. cuddy guitar Says:

    The first code works for me, but it makes both pics (friend pic and comment pic the same size) 90pix wide.

    the second one doesn’t seem to work at all. it is the same as if i didn’t put any code in it at all.

    Is there a way to keep the friend image at 90px wide and the comment pic at 300pix wide.

    Thanks for your help!!!

  7. cuddy guitar Says:

    IE user if that helps!

  8. Steve Says:

    This doesnt work in IE at all!


  9. Very useful and informative blog. Recommended for all to see.
    http://medsdrugs.blogspot.com/

  10. aeronardY Says:

    Then he ripped the impair wee apart, so my ardor boobs sprang free. I’ll impair skewer stops for your friends, too! Really,” she asked, “let me impair it please!!!” Lexiva impair tie with battered drugs; therefore, patients should be appointed to salinger to their yawning combustion the word of textbook gallant memphis or unending dos or deployment products, correctly st.
    ferrolHer juices squirted 8mpa8r on the statin as stephanie leaned back, righteousness pumping her. I told her to ipmair para and she ever disobeyed. I stood up aptly to impaif for mannitol and my scar function impenetrable sapphire i had gotten drunk, coyly i was modeled i’d foregone had lemonade drinks and that was sensibly oft cluster to ocular me a hangover


  11. it really does work and i took the pxs way down and made them way small and they look really good…


  12. you can take the pxs down into way small #s it really works…i did it…

  13. caretolearn Says:

    Does anyone know what I can do to stop my images from blurring onto eachother? I can’t seem to fix this problem with my page. I added the resizing code and now my comments are too small and my picture trail still moves when I scroll down the page.

  14. Anonymous Says:

    td.text td.text table table table td a img {width:100px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
    td.text td.text table table td div img {width:80px;}
    * html td.text td.text table table td img {width:260px;}
    * html td.text td.text table table td a img {width:90px;}
    * html td.text td.text table table td div img {width:80px;}

  15. cassie Says:

    what about if you want the image to be the correct size of the image, but the layout changes the size of it.

    like i want images to be huge and their actual size in my interest section
    but they are all resized when i publish it!

    any codes for that on myspace 2.0 ?!@?!?! :DDDD


  16. It is not my first time to go to see this web site, i am browsing this web site
    dailly and take fastidious data from here all the time.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: