Results 1 to 2 of 2

Thread: Remove Arrows.

  1. #1
    Join Date
    Sep 2013
    Thanked 0 Times in 0 Posts

    Default Remove Arrows.

    1) Script Title: ddsmoothmenu

    2) Script URL (on DD):

    3) Describe problem: I want to completely remove the worn and right arrows form smooth menu. I saw some VERY old posts about this but the updated .js file had been removed (possibly because it is so old the file was for a previous version of the script). Anyway can someone please tell me hwo to get rid of the arrows completely? Thanks!

  2. #2
    Join Date
    Mar 2005
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries


    In the future:

    Warning: Please include a link to the DD script(s) in question in your post. See this post for more information.

    I'm a major contributor to that script, so I don't really need a link to it on DD, but - as the notice says, in the future please provide a link back to the script's demo page on DD, it saves us time finding it (and sometimes even really knowing which script you mean), making it easier for us to help you.

    So, if you mean this script:

    Using a text only editor like NotePad, find this code near the top of the ddsmoothmenu.js file (almost right after all of the many opening comments):

     . . . 3rd, 2013 move CSS3 shadow adjustment for IE 9+ to the script, add resize event for all browsers to reposition open toggle 
    //** menus and shadows in window if they would have gone to a different position at the new window dimensions
    //** Feb 25th, 2013 (v2.0) All unofficial updates by John merged into official and now called v2.0. Changed "method" option's default value to "hover"
    //** May 14th, 2013 (v2.1) Adds class 'repositioned' to menus moved due to being too close to the browser's right edge
    //** May 30th, 2013 (v2.1) Change from version sniffing to means testing for jQuery versions which require added code for click toggle event handling
    var ddsmoothmenu = {
    ///////////////////////// Global Configuration Options: /////////////////////////
    //Specify full URL to down and right arrow images (23 is padding-right for top level LIs with drop downs, 6 is for vertical top level items with fly outs):
    arrowimages: {down:['downarrowclass', 'down.gif', 0], right:['rightarrowclass', 'right.gif', 0]},
    transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
    shadow: true, //enable shadow? (offsets now set in d . . .
    In the highlighted line, make the changes to 0 as shown in red to the two values there. Save and use that version. Now, also add this to the head of the page:

    <style type="text/css">
    .downarrowclass, .rightarrowclass {
    	background-image: none !important;
    	width: 0 !important;
    	height: 0 !important;
    Or add its rules to an existing stylesheet for the page.

    That's it!

    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - John

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Remove Menu down arrows
    By exousia in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 07-02-2010, 10:58 PM
  2. Replies: 2
    Last Post: 06-14-2010, 05:09 AM
  3. Resolved Add text to up down arrows
    By printman55 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 11-12-2009, 05:58 PM
  4. Remove Arrows in Chrome CSS Drop Down Menu (v2.4)
    By maya71 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-27-2008, 02:39 AM
  5. Frog Js Arrows? plz help
    By dmn in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-05-2007, 12:52 PM


Posting Permissions

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