![]() Great that it works in that particular program but I'm using Photoshop and if you could just add W x H statements to create each corner (I supposed it is proportional to radius setting) I might actually grasp what is going on with the css.Pill with imprint G 4 is White, Oval and has been identified as Cetirizine Hydrochloride 10 mg. I found the whole coodinate thing confusing. Note that the rounded corners will break if they are used for divs that are bigger than the size of your original image - as stated in the article, you need to make sure this original image is large enough to cater for your needs.Īlso, the CSS indicated relates only to the rounded corners - you may need some other CSS depending on your content. I have placed PNGS of the sample images in the article. x0,y0 and x1,y1 define opposite corners of the rectangle.Ģ. Rostom 18:22, 3 December 2008 Inkscape can only export a rectangular section of the image, so you only need to specify the minimum and maximum x and y values. ![]() I imagine I need to constrain the width and height on some of the Div tags maybe? I am using the exact same CSS as you have provided. But this doesn't work as the box comes out very awkward looking-especially if I resize the window. Using your coordinates, I was able to make four images (not sure if they are right it would help if you had attached sample GIF/PNG images of what they are supposed to look like in the article). How do you come up with just two points to tell Inkscape how to crop the image?Ģ. So I would imagine that you need four total points to designate where to cut from. It takes an X and a Y coordinate to represent one single point. Can you please elaborate on the x/y coordinates. Still having trouble getting this to work.ġ. The other (non-zero) values are the difference between 15 and the dimensions of the image. The value '15' comes from the distance between the edge of the image and the end of the curve at the rounded corner. Rostom 19:51, 13 November 2008 You can use the following coordinates: 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)Ĭan someone post the x0/y0 and x1/y1 coordinates that would be used to create all 4 images (assuming we are using the 800圆00 format as noted in the tutorial)? Thanks in advance. I will update the tutorial to reflect this. You don't need to create a separate rectangle though - you can tell Inkscape to set a background colour when exporting to PNG. Hi Ptgrouick! Yep, you are absoultely right on the transparency issue. I don't know if I can edit the article for that. 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 these changes are required inside Joomla. So I had to add a around title and content (starting before and ending after ), and add a padding rule to the last style. ![]() Module title and content sticked up from rounded area. The result is really a mess ! So my solution was to add with Inkscape a 800圆00 white filled rectangle in the background. ![]() Same problem with images 2 & 3, images 3 & 4. Image 2 covers image 1, but as image 1 is higher and because of image 2 transparency, image 1 remains visible under image 2. The first one is transparency with corner images. 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. Thanks for this tutorial, I just tried to create rounded corners with it. Please bear with us while we try to figure out where the problem is. The images are still there but MediaWiki is having trouble getting access to them. We're currently having problems with some images following an upgrade to the latest PHP, MySQL and Apache versions. Where have my images gone? - Mike 15:43, 14 March 2008 (EDT)
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |