Thread: Nifty Corners

Results 1 to 5 of 5

Hybrid View

  1. #1
    Join Date
    Jul 2010
    Location
    Boston
    Posts
    139
    Plugin Contributions
    0

    help question Nifty Corners

    I am trying to use nifty corners without any luck and I am not sure where in the process I am going wrong. I have read the FAQ on java script as weel as the posts on the forum.

    THis is what I have down.

    /includes/templates/CUSTOM TEMPLTE/jscript/jscript_nifty.js
    /includes/templates/CUSTOM TEMPLTE/css/stylesheet_niftyCorners.css
    /includes/templates/CUSTOM TEMPLATE/jscript/on_load/jscript_on_load_nifty.js

    Everything seems to be loading properly but the on_load. My understanding is that it should show up as part of the body tag. It does not.

    This is jscript_on_load_nifty.js

    window.onload=function(){
    if(!NiftyCheck())
    return;
    RoundedTop("div#constantcontactsidebox.leftBoxContainer","#fff" "#2e2e2e");
    RoundedBottom("div#constantcontactsidebox.leftBoxContainer","#fff","#2e2e2e");
    }

    This is the url http://www.tillitomas. com/catalog/

    TIA Tom

  2. #2
    Join Date
    Nov 2011
    Posts
    38
    Plugin Contributions
    0

    Default Re: Nifty Corners

    Hi

    You can also try using the following css within a div,

    -moz-border-radius: 10px; (for firefox)
    border-radius: 10px; (other browsers)

    Be aware of browser compatability. This puts a border around the div with curved edges.

  3. #3
    Join Date
    Jul 2010
    Location
    Boston
    Posts
    139
    Plugin Contributions
    0

    Default Re: Nifty Corners

    Thanks for the pointers but I was looking to use jscript.

  4. #4
    Join Date
    Dec 2009
    Location
    Amersfoort, The Netherlands
    Posts
    2,845
    Plugin Contributions
    25

    Default Re: Nifty Corners

    Quote Originally Posted by tcjay View Post
    Thanks for the pointers but I was looking to use jscript.
    Why? I used the use the nifty solution to, but it is far easier to do with css, an although it is not supported within older browser, there are also a lot of people who disable JavaScript. And the css solution is better for site speed

  5. #5
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: Nifty Corners

    Quote Originally Posted by mattk251285 View Post
    Hi

    You can also try using the following css within a div,

    -moz-border-radius: 10px; (for firefox)
    border-radius: 10px; (other browsers)

    Be aware of browser compatability. This puts a border around the div with curved edges.
    This is an excellent solution, but incomplete. For full browser compatibility, including IE8, it would look like this:

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    behavior: url(../includes/PIE.htc);

    The PIE.htc will need to be installed and is what makes it work in IE8.

 

 

Similar Threads

  1. Nifty Zen Template - Rounded Corners without images!
    By jettrue in forum Addon Templates
    Replies: 230
    Last Post: 23 Nov 2010, 07:15 PM
  2. Nifty Zen
    By calsac in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 12 Jul 2010, 08:33 PM
  3. Snazzy Borders or Nifty Corners Cube?
    By audradh in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 28 Feb 2008, 05:52 AM
  4. Google Checkout and Nifty Corners
    By storeforstore in forum Addon Payment Modules
    Replies: 0
    Last Post: 10 Apr 2007, 12:00 AM

Posting Permissions

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