how to apply nice paloroid rotated nice photo css application

[ahmet]

Hello,
I want to change all photo css(category and ordinary , all)  styles to below link..
Can anyone help me pls..
thanks..
demo: http://zurb.com/playground/css3-polaroids
css code : http://zurb.com/article/305/easily-turn-your-images-into-polaroids-wi

[datahell]

If it is for Elxis 4.x I can build such a plugin for you for free.
Note: In order this to work good you must assign titles to your images.

[ahmet]

Yes its for elxis..
and is it possible to use titles as seo titles also..
Its very nice css..
Thanks...

[datahell]

I repeat, is it for Elxis 4.x or for Elxis 2009.x? I build new extensions only for Elxis 4.x.

[ahmet]

Yes its for elxis 4 ..
Can we have option in settings , with title or not..
thanks..

[datahell]

OK then!

The problem with the titles is that you need somewhere to save them. Normally a gallery plugin takes images from a folder and displays them (just images). But files don't contain title information or even more, description (suppose we don't use JPEG's EXIF data). So we need to save a title along with each image in the database (via plugin's guided input interface) which makes it a little hard to manage. Alternatively image information and titles could be stored in an XML or even a plain text file. Is this a better solution for you? Do you think something else? I need to find a way to make the use of this plugin as easy as possible, so I am waiting to hear your proposal.

[ahmet]

What u think is easier for you..
thanks for ur effort..
the images will be like on this page but rotated and paloroid ? http://puretourism.co.uk/bodrum/
thanks..

[datahell]

These are articles, not images! These are the images you want to display as pollaroid? If yes, this changes everything. You dont need a gallery plugin you need just a few lines of CSS. Use bigger padding, white background and css transform to rotate the images in that case.

Example:
div.elx_content_imagebox {
    width: 120px !important;
}
div.elx_content_imagebox img {
    background:#FFF;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 5px 5px 20px 5px;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
}

[ahmet]

yes it will be enough i guess..
thank you very much..