Creating rounded corners

From Joomla! Documentation

Revision as of 18:51, 13 November 2008 by Rostom (Talk | contribs)

Where have my images gone?? --Mike 15:43, 14 March 2008 (EDT)

We're currently having problems with some images following an upgrade to the latest PHP, MySQL and Apache versions. The images are still there but MediaWiki is having trouble getting access to them. Please bear with us while we try to figure out where the problem is. Chris Davenport 17:37, 14 March 2008 (EDT)

Hello. Thanks for this tutorial, I just tried to create rounded corners with it. First I must tell you that I didn't test it inside Joomla, but with a simple html and css code copied from your tutorial. I noticed two little problems. The first one is transparency with corner images. Image 2 covers image 1, but as image 1 is higher and because of image 2 transparency, image 1 remains visible under image 2. Same problem with images 2 & 3, images 3 & 4. The result is really a mess ! So my solution was to add with Inkscape a 800x600 white filled rectangle in the background. The second problem is with div content. Module title and content sticked up from rounded area. So I had to add a <div> around title and content (starting before <h3> and ending after </ul>), and add a padding rule to the last style. My last css style is as follow : div.module_menu div div div div{ background: none; padding: 3px 15px; }

I don't know if these changes are required inside Joomla. I think I will try soon. But it could be useful to report my changes for people who want to use this method outside of Joomla. I don't know if I can edit the article for that. Can you tell me if it is a good idea ?

--Ptigrouick 22:17, 23 March 2008 (EDT)

Hi Ptgrouick! Yep, you are absoultely right on the transparency issue. You don't need to create a separate rectangle though - you can tell Inkscape to set a background colour when exporting to PNG. I will update the tutorial to reflect this. I'll look into your second issue and see if the page needs updating (or you are welcome to update it yourself!) --Mike 18:34, 29 March 2008 (EDT)

Can someone post the x0/y0 and x1/y1 coordinates that would be used to create all 4 images (assuming we are using the 800x600 format as noted in the tutorial)? Thanks in advance. ----Rostom 19:51, 13 November 2008 (EST)