Log in

View Full Version : FCKeditor & CSS: Automatically edit layout of posted images



TheCrazyLexx
03-17-2008, 09:58 PM
Hey there,

our CMS uses the FCKeditor for inserting images into the text and I want to automate the process of having to manualy editor the layout of the images prior to uploading them to the site.

The result should somewhat look like this:
http://dxpics.dxnetwork.de/bild/590/inlinebildtest3jpgQ3OXE.jpg

Would it be possible to come up with a stylesheet, which automatically places a small image with the rounded corners on top of the image I want to upload as well as add a grey area for the caption to the bottom?

How would the css code have to look like for this to work? Can I insert the caption right inside the FCKeditor and have it displayed at the proper position?

Thanks,
Tom

Medyman
03-23-2008, 03:15 AM
I can't comment on the FCKeditor portions because I don't use it. If you can elaborate on the output of FCKeditor then someone might be able to help you out.

As far as the CSS, take a look at this tutorial: http://kalsey.com/2003/07/rounded_corners_in_css/

It's 100% possible to do what you need...I do it all the time.
Ex:
http://img207.imageshack.us/img207/4894/snet2.png (http://imageshack.us)

This is a screnshot of a custom CMS...The images are being brought in through some PHP/backend and placed into a CSS-XHTML page. The original images are rectangles...no manipulation necessary.