Adding jQuery UI Theme to Superfish Menu and Superfish Menu RTL

Nikfazan

Rate me:

4.71/5 (5 votes)

16 May 2013CPOL4 min read

63.8K

4.4K

This article shows how you can add jQuery UI Theme to Superfish Menu and Superfish Menu RTL

superfish_rtl_menu_jqueryui.zip
- superfish rtl menu jqueryui
  - changelog.txt
  - css
    - images
      - animated-overlay.gif
      - ui-bg_flat_55_999999_40x100.png
      - ui-bg_flat_75_aaaaaa_40x100.png
      - ui-bg_highlight-hard_45_0078ae_1x100.png
      - ui-bg_highlight-hard_45_e14f1c_1x100.png
      - ui-bg_highlight-hard_50_6eac2c_1x100.png
      - ui-bg_highlight-hard_55_f8da4e_1x100.png
      - ui-bg_highlight-hard_75_2191c0_1x100.png
      - ui-bg_highlight-hard_75_79c9ec_1x100.png
      - ui-bg_inset-hard_100_fcfdfd_1x100.png
      - ui-icons_0078ae_256x240.png
      - ui-icons_056b93_256x240.png
      - ui-icons_d8e7f3_256x240.png
      - ui-icons_e0fdff_256x240.png
      - ui-icons_f5e175_256x240.png
      - ui-icons_f7a50d_256x240.png
      - ui-icons_fcd113_256x240.png
    - jquery-ui-1.10.1.custom.min.css
    - superfish.css
    - superfish-navbar.css
    - superfish-navbar-rtl.css
    - superfish-rtl.css
    - superfish-vertical.css
    - superfish-vertical-rtl.css
  - example.html
  - images
    - arrows-ffffff.png
    - arrows-ffffff-rtl.png
    - shadow.png
  - js
  - MIT-LICENSE.txt
  - README.md
  - superfish.jquery.json
superfish_menu_jqueryui.zip
- superfish menu jqueryui
  - changelog.txt
  - css
    - images
      - animated-overlay.gif
      - ui-bg_flat_30_cccccc_40x100.png
      - ui-bg_flat_50_5c5c5c_40x100.png
      - ui-bg_highlight-hard_20_555555_1x100.png
      - ui-bg_highlight-hard_25_333333_1x100.png
      - ui-bg_highlight-hard_40_0078a3_1x100.png
      - ui-bg_highlight-hard_40_ffc73d_1x100.png
      - ui-bg_highlight-soft_80_eeeeee_1x100.png
      - ui-bg_inset-soft_25_000000_1x100.png
      - ui-bg_inset-soft_30_f58400_1x100.png
      - ui-icons_222222_256x240.png
      - ui-icons_4b8e0b_256x240.png
      - ui-icons_a83300_256x240.png
      - ui-icons_cccccc_256x240.png
      - ui-icons_ffffff_256x240.png
    - jquery-ui-1.10.1.custom.min.css
    - superfish.css
    - superfish-navbar.css
    - superfish-vertical.css
  - example.html
  - images
    - arrows-ffffff.png
  - js
  - MIT-LICENSE.txt
  - README.md
  - superfish.jquery.json
superfish-rtl-jqueryui.zip
- superfish-rtl-jqueryui
  - css
    - images
      - ui-bg_flat_55_999999_40x100.png
      - ui-bg_flat_75_aaaaaa_40x100.png
      - ui-bg_glass_45_0078ae_1x400.png
      - ui-bg_glass_55_f8da4e_1x400.png
      - ui-bg_glass_75_79c9ec_1x400.png
      - ui-bg_gloss-wave_45_e14f1c_500x100.png
      - ui-bg_gloss-wave_50_6eac2c_500x100.png
      - ui-bg_gloss-wave_75_2191c0_500x100.png
      - ui-bg_inset-hard_100_fcfdfd_1x100.png
      - ui-icons_0078ae_256x240.png
      - ui-icons_056b93_256x240.png
      - ui-icons_d8e7f3_256x240.png
      - ui-icons_e0fdff_256x240.png
      - ui-icons_f5e175_256x240.png
      - ui-icons_f7a50d_256x240.png
      - ui-icons_fcd113_256x240.png
    - jquery-ui-1.8.23.custom.css
    - superfish.css
    - superfish-navbar.css
    - superfish-navbar-rtl.css
    - superfish-rtl.css
    - superfish-vertical.css
    - superfish-vertical-rtl.css
  - images
    - arrows-ffffff.png
    - arrows-ffffff-rtl.png
    - shadow.png
  - index.html
  - js
superfish-jqueryui.zip
- superfish-jqueryui
  - css
    - images
      - ui-bg_flat_30_cccccc_40x100.png
      - ui-bg_flat_50_5c5c5c_40x100.png
      - ui-bg_glass_20_555555_1x400.png
      - ui-bg_glass_40_0078a3_1x400.png
      - ui-bg_glass_40_ffc73d_1x400.png
      - ui-bg_gloss-wave_25_333333_500x100.png
      - ui-bg_highlight-soft_80_eeeeee_1x100.png
      - ui-bg_inset-soft_25_000000_1x100.png
      - ui-bg_inset-soft_30_f58400_1x100.png
      - ui-icons_222222_256x240.png
      - ui-icons_4b8e0b_256x240.png
      - ui-icons_a83300_256x240.png
      - ui-icons_cccccc_256x240.png
      - ui-icons_ffffff_256x240.png
    - jquery-ui-1.8.23.custom.css
    - superfish.css
    - superfish-navbar.css
    - superfish-vertical.css
  - example.html
  - images
    - arrows-ffffff.png
    - shadow.png
  - js

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	right:	10em; /* match ul width */
	left:	auto;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Nikfazan

Software Developer (Senior)

United Kingdom

“If you can't explain it simply, you don't understand it well enough.”
Albert Einstein

Adding jQuery UI Theme to Superfish Menu and Superfish Menu RTL

License

Comments and Discussions