You probably have seen the cool mosaic of your twitter friends or followers that you can embed on your blog or profile.The mosaic created by TwitrGrid is vertical as opposed to the more horizontal mosaics from twitter mosaic.

It is perfect for your sidebar. But what if you want to place it on another place? I didn’t wanted to use the one from twitter mosaic, because of the size of the avatars. So I had to find another solution.

Mine is on my link page and as the list grows it left alot of unused space.
On the website there wasn’t an option to create a vertical mosaic, so I decided to look if it’s possible to do it with css.
I found a way. The mosaic is placed in an id, named twitrgrid. So we’re just going to override that style with ours.


div[style]#twitrgrid {
width: 600px !important;
height: 100% !important;
}


And there you have it! A horizontal mosaic grid. Replace the 600px with the width that you need.

This post is tagged css, horizontal, mosaic, twitrgrid, twitter, vertical

No related posts.