[TYPO3-dev] Need to implement this design for conent areas in template

[JoH]

> I have just got into using Typo3 and for my fist project have been given
> this nightmare of a design to implement
> http://www.marketinginmalta.com/ja.jpg
>
> I managed to get it this far http://marketinginmalta.com/index.php?id=67 
> BUT
> the client really wants the content boxes to be individual elements.
>
> Could anyone recommend the best way to go about this.... I am looking into
> using the specialelements ext but cannot find much documentation on it.

Doesn't need special elements here. Just a simple outerWrap should do.

tt_content.stdWrap.outerWrap = <div class="rounded_upper"><div 
class="rounded_middle"><div class="rounded_lower">|</div></div></div>

The rest can be done with CSS and background images.

.rounded_upper {
    background: url(yourUpperCornerAndShadow.gif) no-repeat top left;
    padding-top: 20px;
}

.rounded_middle {
    background: url(backgroundWithoutCornersAndShadowToTheLeft.gif) 
no-repeat top left;
}

.rounded_lower {
    background: url(yourLowerCornerAnd Shadow.gif) no-repeat bottom left;
    padding-bottom:20px;
}

Just make sure that the shadow from the left column is included in all three 
background images as well.
The padding value is just estimated, maybe you will have to adjust it to fit 
your needs.

Joey

BTW: Next time use another group (typo3.design or typo3.english) since this 
has nothing to do with developing TYPO3.