Results 1 to 3 of 3

Thread: How do I create round borders for this script

  1. #1
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question How do I create round borders for this script

    1) Script Title:

    Pausing up-down Scroller

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamicindex2/crosstick.htm

    3) Describe problem:

    There is no problem. Dose anyone know how I can make the board/corners rounded?


    Thanks

    Lexxie

  2. #2
    Join Date
    Feb 2009
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Default

    If you're looking for round corners, you'll need to use a background image.

    The GNU Image Manipulation Program has a very handy "round corners" tool in it.

    Hope that helps!
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

  3. The Following User Says Thank You to X96 Web Design For This Useful Post:

    lexxie (02-28-2009)

  4. #3
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    You could use CSS3 border-radius for this:
    Code:
    #pscroller1{
    width: 200px;
    height: 100px;
    border: 1px solid black;
    padding: 5px;
    background-color: lightyellow;
    -moz-border-radius: 10px; //for Firefox
    -webkit-border-radius: 10px; //for webkit browsers
    border-radius: 10px; //for future compatibility with browsers supporting CSS3
    }
    Good luck!

  5. The Following User Says Thank You to Snookerman For This Useful Post:

    lexxie (02-28-2009)

Tags for this Thread

Bookmarks

Posting Permissions

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