How to make rounded corners on webpages

Hi, I am using DW8, an intermediate level user with html and
tables, not good with php, java, or any programming language, on
winXP home.
One thing that I've seen and like are webpages that have
rounded corners on them. For example, the page itself can be 80%
the width of a page, but instead of the regular square corners,
there are rounded ones.
Can anyone tell me how to do that?
thanks

You could do it the old fashioned way with a 3 x 3 table and
9 image slices.
Or, with CSS and 3 image slices.
http://alt-web.com/Image-slices-in-a-CSS-based-layout.html
Or one of these:
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/

Similar Messages

How you make rounded corners

Hello
How you make round corners to the form when i use a div in dreamweaver cc i have try this but only the div change
Thankes

Sorry you can't change the style of the FormsCentral HTML form. The form is put in an iFrame inside you div and since the content of the iFrame is not coming from your server you can't modify it.
I found this thread online that you might want to look at :
http://stackoverflow.com/questions/583753/using-css-to-affect-div-style-inside-iframe
Gen

How to make rounded corners of the image?

Hi,
I have arbitrary images which i need to change in the following way.
1. Make the corners of the images a little bit rounded
2. Pixels must be transparent such that the background can be seen.
Thanks.

import java.awt.*;
import java.awt.geom.RoundRectangle2D;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
public class RoundingImages extends JPanel {
    BufferedImage image;
    RoundingImages(BufferedImage src) {
        image = roundCorners(src, 50);
    private BufferedImage roundCorners(BufferedImage src, int r) {
        int w = src.getWidth();
        int h = src.getHeight();
        int type = BufferedImage.TYPE_INT_ARGB;
        BufferedImage dst = new BufferedImage(w, h, type);
        Graphics2D g2 = dst.createGraphics();
        RoundRectangle2D r2 = new RoundRectangle2D.Double(0,0,w,h,r,r);
        g2.setClip(r2);
        g2.drawImage(src, 0, 0, this);
        g2.dispose();
        return dst;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int x = (getWidth() - image.getWidth())/2;
        int y = (getHeight() - image.getHeight())/2;
        g.drawImage(image, x, y, this);
    public static void main(String[] args) throws IOException {
        String path = "images/cougar.jpg";
        BufferedImage image = ImageIO.read(new File(path));
        RoundingImages test = new RoundingImages(image);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(test);
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
}

How to make rounded corners in spry image slideshow

It says it can do it using slices but there are no great instuctions anywhere to be found with detail on how to do it.
Any body know whixh file and what part of the code to change so the frontend on the website the corners are rounded?

import java.awt.*;
import java.awt.geom.RoundRectangle2D;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
public class RoundingImages extends JPanel {
    BufferedImage image;
    RoundingImages(BufferedImage src) {
        image = roundCorners(src, 50);
    private BufferedImage roundCorners(BufferedImage src, int r) {
        int w = src.getWidth();
        int h = src.getHeight();
        int type = BufferedImage.TYPE_INT_ARGB;
        BufferedImage dst = new BufferedImage(w, h, type);
        Graphics2D g2 = dst.createGraphics();
        RoundRectangle2D r2 = new RoundRectangle2D.Double(0,0,w,h,r,r);
        g2.setClip(r2);
        g2.drawImage(src, 0, 0, this);
        g2.dispose();
        return dst;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int x = (getWidth() - image.getWidth())/2;
        int y = (getHeight() - image.getHeight())/2;
        g.drawImage(image, x, y, this);
    public static void main(String[] args) throws IOException {
        String path = "images/cougar.jpg";
        BufferedImage image = ImageIO.read(new File(path));
        RoundingImages test = new RoundingImages(image);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(test);
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
}

Well how I make Rounded Table Corners (html) ?

I use dmwr mx 2004 , well how I make Rounded,Table,Corners
(html) ? CSS TABLES can be with Rounded Corners ?

On Wed, 12 Dec 2007 16:40:01 +0000 (UTC), "123polis123"
<[email protected]> wrote:
>I use dmwr mx 2004 , well how I make
Rounded,Table,Corners (html) ? CSS TABLES can be with Rounded
Corners ?
No - you have to use images.
as already said - just google for more info
http://www.google.co.uk/search?hl=en&q=round+corners+on+websites&btnG=Google+Search&meta=
~Malcolm N....
~

How to get rounded corners for Grid in flex 3.0

Hi All,
I was trying to make rounded corners for ‘Advanced Datagrid’ and ‘Datagrid’ components of Flex 3.0. But was unable to do so.
Also tried searching the net for some solution but didn’t get much help for the problem.
I tried making a skin and applying it , but still wasn’t successful.
Can you please guide me in making the corners rounded for the 2 components.
Thanks
RSI
e.g of my code
<mx:AdvancedDataGrid id="myADG"
headerBackgroundSkin="com.coresecurity.ui.view.skin.RoundImageSkin" dataProvider="{dpFlat}"
        width="100%" height="100%">
        <mx:Columns>
            <mx:AdvancedDataGridColumn headerText= “1” dataField="1"/>
            <mx:AdvancedDataGridColumn headerText = “ 2” dataField="2"/>
            <mx:AdvancedDataGridColumn dataField="3"
                headerText="3"/>
        </mx:Columns>
   </mx:AdvancedDataGrid>
RoundImageSkin.as
public class RoundImageSkin extends RectangularBorder
public RoundImageSkin(){
super();
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
var cls:Object = getStyle("backgroundImage");
var bmp:Bitmap = new cls();
graphics.clear();
graphics.beginBitmapFill(bmp.bitmapData);
graphics.drawRoundRect(0, 0, unscaledWidth, unscaledHeight,5);

You aren't likely to get any of your questions answered for the reasons you already identified, and I imagine you would not find a tutorial for something as complex as what you are prusuong.. You need to learn how to design with Flash, and a forum is not a place where you are going to get that kind of help. If you have code and/or a design issue that you need help with then that's where a forum might be of use to you.

HOW TO MAKE ROUND BUTTON

HI PLS TELL ME HOW TO MAKE ROUND BUTTON ON FORM.

Rounded end buttons (e.g. Oracle Look and feel) are do-able in both 6i and 9i using PJCs in the 9i demos see the rollover button example, in 6i I seem to remember that there is a RoundedButton sample in the demos.
Both sets of demos can be downloaded from http://otn.oracle.com/products/forms.
If you want circular buttons then you'd have to use an Image for that.

How to create rounded corners for web site

I am interested in any help with creating rounded header and
rounded columns like at adobe home page. Whats the best way to go
about creating a page with rounded text boxes, rounded nav bars,
rounded logo box, etc..
Thanks,
Dennis

Rounded corners in Web pages now can be done best with CSS3. A lot of contemporary browsers support them -- Firefox, Opera, Chrome, Safari. IE doesn't support rounded corners (not yet), but this will happen somewhere in the future...
CSS3 rounded corners: a basic how-to:
http://www.css3.info/preview/rounded-border/
Of course, you can also use rounded corners in a Fireworks image, then apply the corners to the HTML elements via CSS; this will work in all browsers, including IE. There are a lot of tutorials over the Web which cover this topic, too

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

How to make round curves when you are animatting with the Rec mode?

Hi! I am making a project in motion. I recored a freind writing words and stuff in the roof of my house with two flashlights. My plans was to follow the lights with motion traking: Analize move or match move. And then add a particle emmite for making something like this: http://www.youtube.com/watch?v=MZf2W3S7gV0&feature=fvw . When i tried to make the match move it was imposible. So i desided to make it manually with the REC button. And it work perfectly, the only problem is that it can's achive the round cruves (bezier like). I can only make squared like turns and it looks awful. I have also tried bezier as a path but i don't know how to make the particle emmiter follow it with different speeds, becouse the movement of the flashlight is inconstant.
What can i do to make a round curved path and make a particle emmiter follow it with the rec button with the different speeds of the flashlights? Please help me!!!! I have to deliver this work for tuesday!
Thanks for you time y hope you can help me out as soon as possible.
Juan Javier.
PD Sorry for my english! jajajaja.

Juan Javier Ibarra Pitts wrote:
When i tried to make the match move it was imposible.
Hi
Why was it impossible?
It sounds like tracking is the only way your going to achieve what your after given the way you've shot your footage and the spatial and temporal nuances therein.
You'll find comprehensive instructions on how to track particles to footage starting on page 49 of this document:
http://manuals.info.apple.com/en/MotionSupplementalDocumentation.pdf
Regards.

How to achieve rounded corners

I've seen many different ways to produce rounded borders and
corners on divs
that will work in IE. Either javascript or with images. Can
anyone point me
to one that will work back to IE6 that doesn't entail a bunch
of nested divs
and several images. Methods like that just seem to add too
much code bloat
for achieving simple corners. I found one called curvy
corners but it fails
in IE6. Any incite is greatly appreciated
-mark

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

How to make round edges in this jpg file

Hi
I have a jpg file and I would like to make it round in the left side part. How can you do that?
Here is the sample jpg file which I meant?
and I have a jpg file which is something like this but it's rectangle.
I would appreciate your help
Thanks

i'm sorry Zeno i really didn't understand which picture is which now.
ok, what i need to know is to make a round edges on my pic2 (which is as you can see, plain rectangle)
i would like to have pic2 to look like the first pic i post.
in the pic1, i don't need to make a round edges on it, just the pic2
i'm sorry the instruction is not quite clear. maybe i should rephrase it just to make sure that what i understood is correct.
thanks
1) I will open the pic1 and then make duplicate the whole Layer by : Edit->Transform->Flip Horizontal, add a Layer Mask (Is this correct?)
2) And then I open the pic2 (I'm not sure what to do now after opening the pic2 - rectangle picture, do I have to apply the clipping mask here?)
Thanks

How to make ROUNDED rectangle default style cp8?

Hi,
I want my smart shape style to be rounded rectangle, not squared. I have set up my object styles with color and all that good stuff, but there is no way I can see to make it the rounded shape instead of the squared off shape. I also tried to change one on the properties panel thinking I could "apply to all" but that option is not available. I am trying to use smart shapes as my captions in recording and it sure would be nice not to have to touch every single one and change it to rounded - defeats the purpose of styles, yes?
Using CP8, latest version (I checked and there are no updates available), on a windows machine, 64 bit.
Thanks!!!
Kelly

Rick, that option has effect on the captions inserted while creating a software simulation.
@LMS_90 About which shapes as Text container are you talking? Object styles for Shapes do not include the 'form' of the shape. And at this moment, you cannot set such a form as being included in the default style, with the one exception that Rick points out: added text during a simulation capture.
Even for Success/Failure/Hint shapes you cannot define that it always has to be a rounded rectangle. For Question slides, you can set them up in the master slides, and if you use always master slides with placeholders it is also possible. Quite a lot of the default themes have rounded rectangle shapes as text container for Title and Subtitle.
Also in the Properties the 'form' is not part of the style: if you apply the default Shape Style that includes Stroke, Fill, Character properties, Margins, Shadow...but not the shape itself. That is the reason why 'Apply to all' cannot be used for the shape form.
This is probably not the answer you expected, I try to change as much as possible in the Master slide.

How to make round borders on moving object

what i'm trying to do is to make objects move randomly in a circle....
i found codes for rectangular boundary...but can't find anything with curves...
hope you guys know how to deal with my problem..thanks!

Steve's response is hard to understand the proper wayto scale an object tha has an effect applied is how I suggested as it keeps the effect alive as thye entire concept of effects is all about keeping the orginal art intact so it can more easily be tweaked and manipulated and gives you far more options.
I find it very hard to understand his defense of his post and method which is only done in rare instances since it is usually not necessary.
The power of the method I describe is that you can have more than one transfrom applied at the same time turning the desired one on while the others are turned off so you have seveal sizes for the same position without multiple copies bloating your document. You might not need that but it is good to be able to do so.
Also when you expand a 3D object you will have a lot of points defining the object far more than needed, which you will not be able to delete without altering the object.

How to make round coins in a picture

hello
like this picture
in cs4 it's easy but in cc, i dont find

Round coins? Do you mean corners?
If you use the Rounded Rectangle Tool to create a Path and use that as a Vector Mask.

How to make rounded corners on webpages

Similar Messages

Maybe you are looking for