[TYPO3-content-rendering] Fancy Corners

[ben van 't ende [netcreators]]

JoH wrote:
> Hi list.

Hi Joey,

I use RealURL (f.i.: http://ben.vantende.net/menu/css-menu-def/ - first
item on the page). Because the URL
(background:url(typo3temp/GB/9a1c1988e4.png)) to the images is not
absolute the images are not shown. Would it be possible to externalize
the stylesheet?

gRTz

ben

> I currently uploaded a new extension to the repository, that will enable
> content boxes with fancy corners.
> The idea is using the built in TYPO3 functions for image manipulation to
> create something like the famous nifty corners but with more flexiblity in
> shapes and colors.
> 
> http://typo3.org/extensions/repository/search/fancycorners/1.0.0/
> 
> You can setup some default settings using the constant editor.
> There you can decide if fancy corners will be enabled by default and setup
> the default look and feel.
> Additionally each content element has got it's own flexform to create
> individual settings there.
> Therefor I had to create an XCLASS of t3lib_tceforms to make the colorpicker
> wizard work in flexforms. Maybe this could be a core patch for 4.x. (By
> default it shows always the same wrong color after saving and some weird XML
> stuff on mouseover.)
> 
> If you want to use fancy corners by TS only, you can use a postUserFunc with
> lib.fancycorners as a basic setup. I added stdWrap properties so that you
> can still use additional wraps and functions.
> 
> The basic principle is having a div-container with position:relative.
> This container has got 3 main div parts: Top Middle and Bottom with
> position:relative.
> Middle contains the original content element plus some additional divs to
> fix a bug of IMGTEXT elements, that are not properly clearing floated
> elements.
> Inside the Top and Bottom part you will find 3 span tags for Left, Middle
> and Right, where left and right got position:absolute and middle is
> positioned using margins.
> While the corners are created using GIFBUILDER and a specially created
> symbol font as CSS background images, the middle parts are colored using
> pure HTML colors.
> Each corner can get it's own shape, size, color, background and transparency
> independently from the others.
> Sizes for the span tags are calculated based on maximum values, so the
> biggest X or Y value will determine the corresponding size of the other
> spans in the same row/column.
> 
> Top Middle and Bottom Middle parts are boxes, while Middle Left and Middle
> Right are created using borders on the div container.
> 
> If the extension works for you without any bugs, I will write some
> additional documentation including screenshots and examples as an article
> for the content rendering team pages.
> 
> Currently tested on: IE6, FF1.5, Opera8 Win and Safari Mac
> 
> Have a nice day.
> 
> Joey
> 


-- 
netcreators :: creation and innovation
www.netcreators.com -  www.typo3.nl