[TYPO3-english] how to create polaroid images

Prakash spabhat at chandanweb.com
Tue May 12 10:50:42 CEST 2009


Hi Spencer,

Spencer J wrote:
> does anybody know how to create an image like this
> http://www.davidgagne.net/2006/12/13/photoshop-tutorial-polaroid-images/
> for the normal image conten object. I want all images to be shown as 
> polaroid, all images have different sizes.
>
> How can i achieve this, thanks for any hint

If you are not willing to use typoscript thre is another way using CSS.
When you add an image, you also get an option to add caption for the image.

Thus after typo3 renders your image, you will get the image wrapped 
inside <dt> tag.
so it will be something like this:
<div class="csc-textpic csc-textpic-xxx csc-textpic-xxx">
<div class="csc-textpic-imagewrap">
   <dl>
      <dt><img /></dt>
      <dd>caption text</caption>
   </dl>
</div>
</div>

If you play a little with CSS, then you surely can get something to match.

Well, text and image rotation are not possible though.

-- 
*Regards,
Prakash A Bhat*
Skype/Yahoo/GTalk/MSN: spabhat
Ph: +91 80 420 33 515
Mobile: +91 94481 40430
www.chandanweb.com <www:%20http://www.chandanweb.com>

Chandan Web Solutions <www:%20http://www.chandanweb.com> 
<www:%20http://www.chandanweb.com>


More information about the TYPO3-english mailing list