Linux 软件免费装
Banner图

Royal Image hover effects

开发者 codecans
更新时间 2018年7月21日 17:46
PHP版本: 3.0.1 及以上
WordPress版本: 4.9.6
版权: GPLv2 or later
版权网址: 版权信息

标签

hover effects css3 effects effects css3 Hover Effects wp image pure css3 effects caption stylish image effects text effects Royal Hover

下载

详情介绍:

Royal Image Hover Effects is an impressive, lightweight, responsive Image hover effects. Fully powered by pure CSS3. 63+ Different Hover Effects Collections with choosing 3 styles. Apply Royal Image hover effects on your website without any CSS coding knowledge. See live demo here: http://demo.codecans.com/plugins?theme=royal-hover-effects Documentation: http://codecans.com/tutorials/royal-hover-effects/ Video Tutorial: [youtube https://youtu.be/IypECjU5E-0] Features Pro Version Features Royal Image Hover Effects Pro Version Features :

安装:

Installation of Royal Image Hover Effects is very simple. == Installation == Installation of Royal Image Hover Effects is very simple. Option 1
  • Download the plugin royal-image-hover-effects.zip from download location.
  • Unpack the *.zip file and extract the Royal Image Hover Effects folder.
  • Drop the Royal Image Hover Effects 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 Royal Image Hover Effects Plugin 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 Royal Image Hover Effects Plugin file and click install now
  • Finally click activate plug-in link to activate the plug-in.
  • Settings Page Under Settings -> Royal Image Hover Effects plugin you can configure the basic settings. Everything else can be done on the fly via Custom post named Royal Hover Effects on your Dashboard and via the Shortcode on any Page or Post that you want. Add Royal Image Hover Effects- Allows you to add hover feature to Custom Posts as well as add information such as: Images, Title, Description, Hover Animation, Hover item Layout , Show Circle Border , Chose Hover Item in 1 row, Hover Effects, Custom CSS , & Social Icons in the Royal Image 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 Royal Hov Effects in your left toolbar under Pages in admin Dashboard. pages. This will allow you to quickly create Royal Hover Effects item on your site. To create an Royal Hover Effects all you need is the Fill All setting. The image can come from any source and be any size, you can also use images uploaded right from the Post Media Uploader.   Using the Royal Hover Effects Plugin => Once you see custom post name Royal Hover Effects On your Dashboard left under pages. just click Add New Item : => You will see the Hover information option panel => Style 1 , Style 2 : "Chose hover Style" Click CheckBox to choose Style. After Click Style 1 or style 2, Then All Setting Option Panel Will be Visible Below => Hover Image: "upload Hover Images" You can Upload Royal Hover Item Images Here, You can choose any size of images. Images Resize automatically. => Heading: "Enter Your Heading/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. => Description: "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. ==> Style 1 Settings panel: => Hover Animation : "Select Hover Animations" There are 4 animation of 1 style. You can Chose Any One. Example: left to right, Right To Left, Top to bottom, Bottom to Top Etc. => Hover item Layout : "Select Hover Item layoyt" There are 2 Hover Layout for Royal Image hover Effects. You can Chose Any One. Example: Square or Circle . => Show Circle Border : "Show Hover Circle Border" you may chose for Border For Circle Hover Item if you want. just click 'Show' or 'hide' (Remember This optoin Work Only For circle) => Display Hover Item in 1 row : "How Much Hover Item Appear in 1 row?" - you may chose 1, or 2, or 3 or 4 Item in 1 row with this Option. => Select Hover Effects : "There are now 2 Effects Now. (More Effects Coming...) Select Any Hover Effects From Drop-down Option" - you may chose Effects 1 or Effects 2. => Custom CSS : "If you want to add Extra CSS or Modify Some Css Style Without Edit Plugin Css File Just Paste Css Code Here. you can Write your custom css in this Option. ==> Style 1 Social Icon Settings : => Select Icon : "You can chose Social icon From Font-awesome Font Chooser. => Paste Icon Link : "You can Paste You Social icon link here. ==> Create Royal Hover Item Category : => Royal Hover Effects Category Name : "In right Side You can see a name like 'Royal Hov Category' . Just click Add New Category then make a category Name Then Click Add New Category . Your Category Will be add. => Royal hover Effects Shortcode : "In right Side You can see a name like 'Royal Shortcode Here' . Just put the Category Name Here which previously created. Your Category Will be add automatically below in 'Royal hover Effects Shortcode'.. Just Copy shortcode And Paste Anywhere. ENJOY

    屏幕截图:

    • Adding Royal hover hover item with Click Style 1 setting
    • Adding Royal hover item images and set Hover setting panel as you like.
    • 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.
    • write a category name and add category for your hover item.
    • Copy category name and paste it top right side 'Royal Hover Effects Category Name' then copy below shortcode and paste it any post or page or widgets.
    • Paste Royal Hover Effects shortcode in page or post or widgets. shortcode show like this [vbs_style1 category="yourcategoryname" ]

    常见问题:

    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).

    更新日志:

    4.1.9 Change UI design 4.1.8 Fixed Minor Issue 4.1.7 Fixed Minor Issue 4.1.6 4.1.5 4.1.4 4.1.3 4.1.2 4.1.2 4.1.1 4.1.0 4.0.0 3.9 3.8 3.7 3.6 3.5 3.4 3.3 3.2 3.1 3 2.3 2.2 2.1 2 1.4 1.3 1.2 1.1 1.0