Tiny layout now available!

Hey hey people! We just released another feature on our theme editor, the “tiny layout” option! Huraaaaay! We had couple of awesome tiny layouts by Heathaaa! because she had special permission ;) but now anybody can create tiny layouts now! Here’s a screenshot!

Here’s a quick version that I made: (sorry not so good :()

Try it out and let me know of any bugs! I especially want to know if it’s alright that I forced the picture sizes to not ruin the layout, I did that for the flash movies too. Not sure if it will work on all profiles though so go try it out!!

YAAAAAAAAAAY!!
That totally ROX! :D

Oh one other thing, the banner doesn’t quite work right, I tried to force the size a bit smaller but you know, people’s profile’s width varies depending on what kinda widget they have (although I try to force them small) but you could experiment with the banner and let me know if you think of a better way to do it or what not.

Hey hey! that was a quick reply! :)

I just happened to be on right when you posted! ;)

So do you mean just the banner layouts when we choose to make it tiny?

hmmm, now I’m gonna have to go play with it some. :P

Yeah when you choose tiny, the banner could be a big too big or small depending on the layout you have but I think it’s the same for regular banner layouts too. I guess it works OK :D

oh ok, I’ll play with it probably tonight. We have another kid having a bday 2day! :)

It’s funny, with 6 of us now, we are constantly celebrating someones bday!!! Well, it seems that way to me!

ok so there needs to be a code to resize embeded content in comments and the video that goes above the friend space if someone has a profile video added.

I saw there is an object resize code in the coolchaser code, but it has to be more specific if it’s going to work. Here is the code I used that worked:

<style>
td.text div embed, td.text div object {
width:300px !important; height:307px !important;
}
.columnsWidening object, .columnsWidening embed {
width:200px !important; height:175px !important;
}
</style>

Hey Heathaaa, thanks for testing!

So what does this code do? :S Is it for the music area if someone has a video in there it’s going to not shrink it?

The first one is for when you click to add a video to your profile (the one where it shows up above your friends list). The second one is if someone sends you a comment with an embed like a video or one of those flash embed comment things. Shrinks em.

my tester has the profile video and embed comments:
http://www.myspace.com/fatanyheather

This is the code to shrink videos on the left side interests sections:

<style>
.interestsAndDetails object, .interestsAndDetails embed {
width:225px !important; height:200px !important;
}
</style>

I also have this code on that same profile link above.

Just FYI: I had to put a width and height because for some reason FF would not auto size height if I just set a width.

Cool! thanks for all the code, I will put it in the template and it should be updated next time we deploy :)