Myspace - Resize Large Images in Comments and Prevent Long Text with No Spaces (new updated code written by abraXus)
  MySpace.com | Help | SignOut   
Powered by Google
Home  |  Browse  |  Search  |  Invite  |  Film  |  Mail  |  Blog  |  Favorites  |  Forum  |  Groups  |  Events  |  Videos  |  Music  |  Comedy  |  Classifieds

Post a reply to this Topic

Groups » bbz abraXus » Topics » Myspace - Resize Large Images in Comments and Prevent Long Text

Click here to go back to the BBZ/Katamari Myspace Code Index
Click here to try the Katamari Section Manager instead!
(if you dont want to have to read all of this)
Listing 1-1 of 1    1   of  1
Author Message



Instant Message
Send Message
Reply with this quote Reply to this Post Posted:  Dec 15, 2007 9:01 PM
Updated:  Mar 8, 2008 7:13 PM

Now that myspace has the new columnsWidening class for your comments, there is now a way to prevent the "lots of text with no spaces stretching my comments" problem.

<style>
.abraXus {finally prevents comment text from stretching in firefox}
.columnsWidening {display:block; _display:inline; overflow:hidden; height:96%; width:98.5%;}
</style>



Instant Message
Send Message
Reply with this quote Reply to this Post Posted:  Jan 12, 2007 5:25 PM
Updated:  Feb 11, 2007 6:20 PM
Updated:  Feb 16, 2007 1:45 PM
Updated:  May 30, 2007 3:45 PM
Updated:  Sep 5, 2007 10:46 AM
Updated:  Nov 14, 2007 4:52 PM

Myspace added a new class today to prevent large comments from stretching your page. The new code forces max-width to 100% and then, using javascript, it sets the width of the image to 400, but only if the image is wider than 400px. If the image is not larger than 400, then it sets the width to "true" - not really sure i understand why, I would think that they would want to set it to AUTO instead of TRUE but what do I know...? lolz


Myspace also added a feature to enable/disable this functionality - You can find it under Account Settings >> Miscellaneous



If you have the new feature enabled, you can use this new code to control the images sizing, but it will make all images in your comments the same size.



<style>
.a {resize comments images and videos}
table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:254px!important; height:213px!important;}
table.friendsComments td.text td.columnsWidening img {width:300px!important;}
</style>


If you have the new feature DISABLED (enabled is the default setting) then you can go back to using the old code for resizing image comments:

<style>
.a {resize comments images and videos}
.a {must disable myspace code to use this}
table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px!important; height:213px!important;}
table.friendsComments td.text td.columnsWidening img {max-width:260px!important; _width:260px!important;}
</style>
Listing 1-1 of 1    1   of  1

Post a reply to this Topic

eXTReMe Tracker