Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Vubon Hover Effects: Impressive Wordpress Image Hover Effects Collection

Vubon Hover Effects Wordpress Plugin is an impressive hover effects Collection, 100% Responsive, 22 unique Hover effects Collection.

Vubon Hover Effects Wordpress Plugin is an impressive hover effects powered by pure CSS3 techniques including 3D translate and Great amazing Hover elements. Easy to use the beautiful amazing Image Hover Effects for your website.

Plugin Live Preview : http://demos.codecans.com/vubon-hover-effects-wordpress/ Documentation: http://demos.codecans.com/tutorials/vubon-hover-effects/

Video Tutorial:

Features

  • Easy to use
  • No Javascript Pure CSS3
  • 6 unique hover effects (Free)
  • 22 unique hover effects (Pro)
  • Compatible for all major browsers
  • IE Support
  • 100% Responsive
  • Custom post enabled
  • Category Support
  • Custom ordering
  • Amazing option panel
  • Shortcode Powered
  • Unlimited hover items

Pro Version Features

    VUbon Hover Effects Pro Version Features :
  • External link for each hover item
  • 22 Hover Effects
  • Change Font Family With 500+Google Font
  • Custom Font Size For Title
  • Unlimited Hover Items
  • Custom Font Color For Title
  • Custom Image Size (Height)
  • Custom Margin Between Two Items
  • Custom Image Size (Width)
  • 100% Responsive (ALL Device Support)
  • Space between two items
  • Cross Browser Support (IE)
  • Custom Font Size For Description
  • Custom Font Color For Description
  • Change Unlimited color with Color Picker
  • Open link in new tab
  • 24/7 Support
Author codecans
Profile
Contributors codecans
Tags 3D Hover item, content image hover, css3 hover effect, css3 hover item, css3 transition, gallery effects, hover effect, hover effect wordpress plugin, hover wordpress plugin, image caption, image captions, image effects 2015, image hover, image hover 3D, modern hover effects, popular hover effects, pure css3 effects, stylish image effects, text effects, Vubon Hover effects, wordpress image caption, WP Image, wp image caption, wp portfolio effects
  1. vubon-hover-effects screenshot 1

    Adding Vubon hover item with category.

  2. vubon-hover-effects screenshot 2

    You can select which Hover item you want to appear first. You can also select all of your items and drag to move the order of each up and down in the Custom Post Panel.

  3. vubon-hover-effects screenshot 3

    click the Vubon hover Item Shortcode Button, you will then see a Box open with a ShortCode Option Panel.

  4. vubon-hover-effects screenshot 4

    ShortCode Option Panel. Put the same category name which you created before with Vubon hover Item, and select a style. click Insert.

  5. vubon-hover-effects screenshot 5

    you will see a Shortcode in your post/page editor just publish and view page.

Installation of Vubon Hover Effects Wordpress is very simple.

Option 1

  • Download the plugin vubon-hover-effects.zip from download location.
  • Unpack the *.zip file and extract the Vubon Hover Effects Wordpress folder.
  • Drop the Vubon Hover Effects Wordpress plugin folder into your wp-content/plugins folder.
  • In word press administration panels, click on Plugins from the menu.
  • You should see your plug-in listed under Inactive plug-in tab.
  • To turn the word presses plug-in on, click activate.
  • Option 2

  • Download the plugin Vubon Hover Effects Wordpress from download location.
  • Go to Add New menu under Plugins tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available Vubon Hover Effects Wordpress file and click install now
  • Finally click activate plug-in link to activate the plug-in.
  • Settings Page

    Under Settings -> Vubon Hover Effects Wordpress Plugin you can configure the basic settings. Everything else can be done on the fly via Custom post namedVubon Hover Effects Wordpress on your Dashboard and via the Shortcode option on any Page or Post that you want.

    Add Vubon Hover Effects - Allows you to add hover feature to Custom Posts as well as add information such as: Title, Description, Image in the Vubon Hover Effects custom post.

    Item Position - You can select which Hover item you want to appear first. You can also select all of your items and drag to move the order of each up and down in the Custom Post Panel.

    Category - Choose the Category as you want to use for your hover effects.

    How To Use

    When you go to your Wordpress Dashboard you will now see a new custom post named Vubon Hover Effects in your left toolbar under pages. This will allow you to quickly create Vubon Hover Effects item on your site.

    To create an Vubon Hover item all you need is the URL of the image. The image can come from any source and be any size, you can also use images uploaded right from the Post Media Uploader. Just copy the URL of the image after you upload it

    Another important thing to remember is that the image must always have its width and height set. This is important to maintain the layout of the image wrapper; your site, and to make sure the hover functions properly. Luckily, when using the plugin it will attempt to get these values for you.

     

    Using the Vubon Hover Effects Plugin

    1. Once you see custom post name Vubon Hover Effects On your Dashboard left under pages. just click Add New Item :

    2. You will see the Hover information option panel with 3 fields

    3. First field: "Upload Image" Click to choose a file, the image can come from any source and be any size, you can also use images uploaded right from the post media uploader. Just copy the URL of the image after you upload it.

    4. Second field: "Enter Your Title" You can enter any title, the important thing to remember is that the item width and height is limit so please enter short title. This is important to maintain the layout of the image wrapper.

    5. Third field "Enter Your Description" You can quickly insert the description in the description text area. It is important to enter a short description to maintain the layout of the image wrapper.

    After all of the steps above are done you will see a Menu named Add more Vubon Hover Item. If you want to add more items just click Add more Vubon Hover Item and you will see another field open; you can then add unlimited items.

    6. When Vubon Hover Item Created with category support done, we have to add shortCode on post or page where we want to show.

    9. Go to Dashboard, Click Ad New Post or page.

    8. In your Post/Page Editor you will see a blue button within your editor.

    9. Put Any Title On Title field, click the vubon hover Item Shortcode Button with green Icon, you will then see a Box open with a ShortCode Option Panel.

    10. In the Shortcode Option Panel there are 2 fields.

    11. First Field : "Category Name" Put the same category name which you created before with Vubon Hover Item. Please remember that the Category Name should be the same as your Hover Item Category.

    12. Second Field : "Select Hover Style" There are 5 unique amazing hover styles to choose from.

    Click Insert Button and you will see a Shortcode in your post/page editor.

    EX:

    [hover category="hover" style="style1"]

    After All Above all just click publish

    And See the Magic of All Vubon Hover Effects, Enjoy!

    3.2.2

    • Fixed Minor Issue
    • Change main URL

    3.2.1

    • Fixed Font Issue
    • Fixed Background Color Issue

    3.2

    • Fixed Css Issue
    • Change Demo URL

    3.1

    • Customize Code in main php
    • Fix Minor Issue

    3.0

    • Remove Font with Added Fontawesome CDN
    • Clear 200kb space from Whole Plugin

    2.9

    • Fix CSS Issue In Hover
    • Remove Extra Line

    2.8

    • added Item Margin Option
    • Fix Minor Issue

    2.7

    • added Option
    • Fix Bootstrap Conflict issue

    2.6

    • fix bug setting panel
    • Css Code Formated

    2.5

    • fix bug
    • modify setting panel

    2.4

    • fix css issue
    • customize layout
    • Added Custom Image Size

    2.3

    • Add Category Automatically
    • Added Custom Image Size

    2.2

    • Added Widgets Support

    2.1

    • Fixed Layout Bugs
    • Fixed Images Size Bug

    2

    • Fixed Bugs

    1.1

    • Fixed Bugs
    • Added pro Feature

    1.0

    • Initial Release

    The plugin doesn't work, why?

    First, check your version of WordPress: the plugin is not supposed to work on old versions anymore. Make sure also to upgrade to the last version of the plugin.

    Then try to deactivate and re-activate it, some user have reported that this fixes the problem.

    Pay also attention to the new "Roles allowed to copy" option: it should convert the former "user level" option to the new standard, but unknown problems may arise. Make sure that your role is enabled.

    If not, maybe there is some kind of conflict with other plugins: feel free to write me and we'll try to discover a solution (it will be really helpful if you try to deactivate all your other plugins one by one to see which one conflicts with mine... But do it only if you know what you're doing, I will not be responsible of any problem you may experience).

    Share  
    Download
    Version 3.2.2

    Requires WordPress version: 3.0.1 or higher

    Compatible up to: 4.7.2

    Last Updated 14 Feb 2017

    Date Added: 07 Apr 2015

    Plugin Homepage

    Evaluation
    star1
    star2
    star3
    star4
    star5

    4.2 stars
    13 ratings
    10,058 downloads

    Compatibility

    Not Enough Data

    Reports:
    Works: 0
    Broken: 0