Rounded corners with border

I need to create a swf with rounded corners and a 3px border
for display on a web page that has a gradient background. Therefore
the corners must be transparent (rather than a solid color since
that will not match the background). I have drawn the rounded
corners border in my Flash file and imported images beneath it but
cannot eliminate the outside corners when I create the swf. Is
there a way to turn off the background color so that the outside
corners are transparent in my swf? Also, the only way I have found
to eliminate the outside corners from my imported images is to
import gifs with transparent rounded corners. Does Flash support
transparency in any other file formats since gifs are not good for
photos? Thanks for any help provided.

Hi,
In dreamweaver select flash on the stage and from the
properties panel select parameters, type wmode in parameters and
the transparent
That should do it for you.
Cheers
Alan

Similar Messages

Style ProgressBar to get round corners with CSS

Hi,
is it possible to style a ProgressBar via CSS get "round corners". Tried -fx-background-radius and other without success.
Regards
Oliver

You need to round the bar and track, too.
.progress-bar .bar {
    -fx-background-radius: 5;
.progress-bar .track {
    -fx-background-radius: 5;
.progress-bar {
    -fx-background-radius: 5;
}

Rounded corners and dropshadows in CSS

Hi all,
Hopefully I am not repeating a similar question. I am trying to redesign my site (with not much luck) in CSS. I want some text/navigation boxes that have rounded corners and drop shadows. Using CSS do I still need to create the images in an image editor, slice the images and place the appropriate sections of the image in divs to get this effect (much like using tables)?
Thanks in advance
Chris

afr43 wrote:
Using CSS do I still need to create the images in an image editor, slice the images and place the appropriate sections of the image in divs to get this effect (much like using tables)?
Thanks in advance
Chris
Like Nancy mentioned, the border-radius properties are not supported in older browsers, particularly IE6, which some of us still worry about. I'm not sure about the support in IE7, but I still design with IE6 in mind. In fact, I have never upgraded my IE browser since version 6, so I keep it on my computer for testing purposes.
In deciding whether to use new css features is deciding whether you are willing to leave IE6 behind. I emailed Simon Collison about this topic a couple of weeks ago. He wrote two very good books about CSS, Beginning CSS and CSS Mastery. The latter book was co-written with Andy Budd.
Here's what Simon said:
"There are so many conflicting views that you really need to think about your target audiences and decide based on that. Will you upset just two or three percent of people, or twenty/thirty percent by not serving for IE6?
"We use stats to discover the portion of users using IE6 and make a unique decision for each project.
"In all honesty, I think it is too early to abandon IE6. We work for clients in the real world, with lots of users locked into using IE6 thanks to over-zealous, outdated IT teams/experts who won't let them upgrade or use Firefox etc."
When I mentioned to Simon that some of the css features he used in his book were not supported in IE6, he responded:
"In a book like CSS Mastery, you have to forget older browsers and look at the future, and cool, exciting techniques. If we wrote that book so everything worked in IE6, it'd be a dull book, and would not have advanced CSS usage."
Most of us are itching to use the latest features of CSS but we need to design for users and consider what their experience will be. So, it comes down to this: It's your decision whether you will use CSS that is not supported by some of the older browsers. If you have a fairly sophisticated market that probably upgrades their browsers to the latest versions, then you might choose to go with the latest features.
My decision is to still style for IE6 (I think it's safe to say that most designers have left IE5 far behind in the dust). These new CSS3 features will look absolutely hideous in IE6.
There is a technique Simon uses in one of his books that he calls "progressive enhancement." The technique will enable new css features, like rounded corners, to only work in modern browsers and in old browsers, like IE6, visitors will see square corners.
I think the best technique that most designers still use is to create rounded corner images in your css. Here's an example of a web site showcased in css zen garden that uses rounded corners with a drop-shadow:
http://www.csszengarden.com/?cssfile=208/208.css
If you right-click on the rounded corners and look at the background images, here's what you see:
For the header: http://www.csszengarden.com/208/top.jpg
Main content: http://www.csszengarden.com/208/right_bottom.gif
Side bar: http://www.csszengarden.com/208/left_bottom.gif
CSS Zen Garder invites designers to download the css file from these sites so you can learn from it.
By the way, the second edition of CSS Mastery: Advanced Web Standards Solutions is due out in a couple of weeks.

Hi, I have been having problem in creating 'undistorted' multiple rounded cornered rectangles?

hi, I have been having problem in creating 'undistorted' multiple rounded cornered rectangles? I have attached an image to show what i mean ( problem highlighted in blue). Any help would be really appreciated...

Thanza,
If you wish to have proportionately growing sizes with the same rounding radius, you may:
1) Start with a (non rounded) rectangle and Effect>Distort & Transform>Transform with the desired scaling and number of copies;
2) Object>Expand Appearance;
3) Effect>Stylize>Round Corners with the desired radius.

Rounded Corners (PSE8)

Hello again,
I have this problem for some time already. Maybe it is again some problem that can be solved with one answer;)
I like to get rounded corners for a png or gif image, like for a button or a logo. I am working with a german version of PSE8 so I do not have the correct name ready for this tool, but when I choose the 4th tool from the top, which that I can select a region of an image and copy it to the clipboard, and use the function on top that creates "something like rounded corners" with 10px I just get some blurry corners but not the "real hard edged rounded corners".
Can I create those real rounded corners in PSE at all?
Thanks again very much for your help! (Answers can be with english tool or function names, I will figure out how those are called in my language:))

Injtra1,
Use the Cookie Cutter Tool (Q)
http://www.pixentral.com/show.php?picture=1zoLyUhGOWsoVqedXbjnctlCwUM81
Use the crop shapes library (red arrow) and select "rounded square" (blue arrow)

Select-modify-expand makes rounded corners

Hello!
In CS2&CS3 when expanding current selection the final one has rounded corners - with more pixels the expansion is, the more rounded effect is visible. Could you please tell me how to correct this?
Thank you in advance.
BR / Ilya.

Ed:
Any compound shape will not expand properly using transform selection, unless I misunderstand you. Neither will any shape with (more than 1??) concave angles... Obviously with a rectangle we could probably all come up with three or four simple ways to expand without truncating the corners.
J

3 rounded corners in Keynote

Any idea how I would create a square in Keynote with 3 rounded corners with one corner at 90º?
Thanks
Mike

Sorry for the double post answer, but I should have added that the above works if you don't have a stroke.
If you do do, then you have to put the square behind the rounded square and add one more shape the same fill as the others without a stroke and use it to cover the rounded corner stroke and group all three together.
Then if you think you might have to resize it, copy it, open preview, File>New From Clipboard (or command n) copy and paste back into Keynote.

[svn] 4746: User-submitted patch for SDK-16147 - HaloBorder does not take border widths into account when drawing background with rounded corners .

Revision: 4746
Author: [email protected]
Date: 2009-01-29 15:36:59 -0800 (Thu, 29 Jan 2009)
Log Message:
User-submitted patch for SDK-16147 - HaloBorder does not take border widths into account when drawing background with rounded corners.
Bugs: SDK-16147 (bug), SDK-16963 (patch)
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-16147
http://bugs.adobe.com/jira/browse/SDK-16147
http://bugs.adobe.com/jira/browse/SDK-16963
Modified Paths:
flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/skins/halo/HaloBorder.as

Box with rounded corners displays as rectangle in Web Browser

I am using the box control (IBoxObject) in my Crystal Reports with rounded corners. However the box displays as a rectangle with square corners when viewed in a web browser. I have tried this in IE 7.0.5730.13, Firefox 3.0.3 and Chrome 0.2.149.30 all give the same problem.
The interesting thing is that the boxes display correctly at design time and when exported to PDF, but they wonu2019t display correctly in IE/Firefox/Chrome. Here are the specific settings for the box:
                CornerEllipseHieght = 375
                CornerEllipseWidth = 375
                Crystal Reports Version 10.5.3700.0
I have also attached an image to try and clarify the problem.
[Picture showing Box at design time, in a Web browser and when exported to PDF|http://i38.tinypic.com/10p6k1v.jpg]
Thanks in advance for any help with this issue.
-John

Thank you Ted, this was my take on the problem but it is good to have a confirmation.
There are CSS (HTML) solutions for creating boxes with rounded corners, such as [SpiffyBox|http://www.spiffybox.com/] and [CSS Rounded Box Generator|http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en] and many more that can be found using [Google|http://www.google.com/search?hl=en&q=cssboxeswithroundedcorners&btnG=Google+Search&meta=].
Do you know of any plans to support rounded corners in the future?
Thanks for your help!
John

Making a photo with rounded corners

I just followed both of these instructions to create rounded
corners on a rectangular image:
http://www.enghiong.com/how-to-make-rounded-corner-edges-using-fireworks.html/
http://www.joycejevans.com/tutorials/Fireworks/FWMX/roundecorners/rc_crn.htm
What am I missing? Both of them show the transparent canvas?
I drew the rectangle, rounded the corners, pasted inside and all
the other steps and saved it. When I use in my html file, the
background shows!
Any help with this is so appreciated.

quality11 wrote:
> Sure. Here's the orginal:
>
http://www.charlotteswebservices.com/images/ChildhoodPic.jpg
>
> And some that I've tried to make rounded corners:
>
http://www.charlotteswebservices.com/images/childhood-round-opt.jpg
>
http://www.charlotteswebservices.com/images/childhood-round.png
Here you go. It's usually a good idea to use a white rather
than black
object to paste inside of.
http://www.playingwithfire.com/childhood.html
Linda Rathgeber - Adobe Community Expert
http://www.adobe.com/communities/experts/members/8.html

IconItemRenderer with rounded Corners

Hi everyone,
im using the mobile IconItemRenderer and need to round the corners of the list-Items to be in conform with the rest of my UI-Design. is there any way to archive this?
thx for your help

extend the IconIremRenderer and then override the drawBackground method and draw a rect with rounded corners
something like this...
package renderers
    import spark.components.IconItemRenderer;
    public class RoundedIconItemRenderer extends IconItemRenderer
        public function RoundedIconItemRenderer()
            super();
        override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
            this.graphics.beginFill(0x000000,0.8);
            this.graphics.lineStyle(1,0xCCCCCC,0.5);
            this.graphics.drawRoundRect(0,0,unscaledWidth,unscaledHeight,30,30);
            this.graphics.endFill();

Adding a frame border to rounded corners photo

New to PS..running current ver of 11.x... I found the rounded corners tutorial and that helps alot...but I have a number of photos on a website that I would like to also add a "border" to.
sample image corner here: http://members.cox.net/trinaz/roundercorner.gif
This is a clip up the upper right corner. The tutorial will let me round my photo corners as needed...but is there another function that will give the rounded photos a thin "chrome-like" border like in the gif link ?
Thanks, Tim

Just add a stroke using Layer Styles. Select the layer containing the frame border, go to the fx icon at the bottom of the Layers panel and choose Stroke. After that, select Bevel & Emboss from the same dialog and select Stroke Emboss from the Style dropdown

Cropping with rounded corners

I am preparing portrait images to be put on a page. I would like to use the cropping tool to a specific size and end up with rounded corners on the image.
How can this be done?
Thanks,
Mary Lou

John, is there s ome way I can send you a copy of that image to look at?
The original picture was taken where there was a red backdrop. I selected the person and removed her from the backdrop, placing the image on a plain blue background.
I have flattened the image so I don't know any way that the old red background would be there anymore. As soon as I apply the rounded corner rectangle tool there is a redness to the marquee.
Mary Lou

Problem with Rounded Corners on EPS object in Illustrator CS3

I'm using Illustrator CS3 and I have an EPS object which has rounded corners. When I export the object and save it as a JPG the exported image takes on the shape of the artboard (which is a square) rather than the shape of the EPS object which is a square with rounded corners. I've placed the exported JPG into my blog but when I look at it I can see a little bit of white in each of the four corners. What can I do to stop this from happening? In other words, I want my exported JPG image to have rounded corners without the white. Please provide me with as much detail as you can as I'm fairly new to Illustrator and I'm still finding my way. Thank you.

Hi Graccon,
The JPG format does not support transaprency. Either save as a gif or as a png. Or choose a matte color which matches your page background for the jpg.

Table with rounded corners in CS5?

I am dealing with an issue, I need a table with 2 rounded top-corners. The top row is a shade of black (and needs the 2 rounded corners.
Here is what I do:
I make my table with a regular straight angled top-row in it's own text-frame. Then adjust the frame to the table (cmd-alt-c). Select the arrow selection tool, cut the text-frame with the table. Then create a new text-frame with 2 rounded top corners. Then past the table into this new frame.
What now happens is that the table does not snap to the 0 point of the new frame, but it insets on the left side. When I make it align right it does it the other way around. Plus the part of the top-frame with the shade of black does not cut of on the rounded part of the frame.
I know another option is to create a text-frame with the rounded corners on exactly the size I need it in the table, and then paste this into the top frame of the table (making sure the inset is 0). But I would like to use this as a last resort.
We have a preference for the first option I wrote about, since we are linking Excel files and then creating InCopy content. (If a table is not placed in a seperate text frame and then linked to the floating text, InDesign loses the link to the Excel.)
Is this at all possible? From this site it seems it is ( http://www.justskins.com/forums/table-with-rounded-corners-117551.html )

I first tried it in a text frame. Now when I do a 'paste into' in an image frame it seems to work, but now I have an extra frame in my workflow
Table => text frame => image frame with rounded corners => text frame
Ideal would be:
Table => text frame with rounded corners => text frame
But I am starting to believe that this is not possible in InDesign (since it moves the table in the frame)
Now I will try to figure out if my Excel links will still survive in InCopy with the image frame option.

Rounded corners with border

Similar Messages

Maybe you are looking for