Results 1 to 6 of 6

Thread: Round corners on images

  1. #1
    Junior Member
    Join Date
    May 2013
    Location
    Indiana
    Posts
    10

    Default Round corners on images

    Is there an easy way to make all of my images have rounded corners? I was able to make my text boxes have rounded corners by using CSS3.

  2. #2
    Senior Member chuckj's Avatar
    Join Date
    Jan 2010
    Location
    www.beyondfusion.com - Florida
    Posts
    1,302

    Default

    Either edit the images in a graphics program or you could try adding an image as a background image to a rounded corner text box.
    Chuck Joslin
    www.BeyondFusion.com
    PHP & MySQL development with Fusion
    Fusion support for AllWebMenus (Likno) Contact me for custom AWM menus for your sites.
    Tutorials and Forums

  3. #3
    Senior Member Thomas Frei-Herrmann's Avatar
    Join Date
    Apr 2010
    Location
    Berlin, Germany
    Posts
    998

    Default

    ... just create a css-class - for example in your "design-view" at "CSS-Code":


    HTML Code:
    .myradius {
        border-radius: 5px;
    }

    an add this class to your images.
    Last edited by Thomas Frei-Herrmann; 06-24-2015 at 03:56 PM.
    Tommy

    Administrator at the German NOF-Forum

    NOF-Tutorials.com | German NOF-Forum | Overview of my tutorials | Facebook

  4. #4
    Junior Member
    Join Date
    May 2013
    Location
    Indiana
    Posts
    10

    Default

    Quote Originally Posted by chuckj View Post
    Either edit the images in a graphics program or you could try adding an image as a background image to a rounded corner text box.
    Thanks! That worked great! I just added a text box, locked the height and added my image. I'm so excited. I've been wanting rounded corners for a long time. I figured our how to make the text box corners round yesterday. Now I can change all of my pictures so they have rounded corners as well. Thanks once again. I really appreciate your help. www.ccpl.lib.in.us

  5. #5
    Senior Member Since_v4's Avatar
    Join Date
    Mar 2014
    Location
    Caribbean
    Posts
    674

    Default

    Quote Originally Posted by dvanlaningham View Post
    Is there an easy way to make all of my images have rounded corners? I was able to make my text boxes have rounded corners by using CSS3.
    Hi there,

    I have a rule: when something bothers me a little, I'll skip it. When something bothers me a lot, I search for answers.
    Round corners never bothered me in 18 years with NOF and 2 years before that with other software.

    If people do not like my web sites with square corners, then they will not like it with any corners I might use, so I need no such customers.

    Simple as that.

    My two cents.
    John - I am born to tease, not to please.
    For NOF beginners: read everything here and practice on mock web sites first.
    Before asking a question, search to see if it has not been asked and answered already.

  6. #6

    Default

    you can use CSS3 property, set the property like given below:
    .myradius {
    border-radius: 5px;
    }

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •