Category: Interface Elements

  • Flyouts – Off Canvas Customized Content material for WordPress (Interface Components)

    Flyouts – Off Canvas Customized Content material for WordPress (Interface Components)

    BNE Flyouts is a WordPress plugin that adds off-canvas hidden sidebars with any custom content that will push in on every page of your site from a trigger or action. Any content you put in the Flyout will not display until the user triggers a floating button, floating image or linked from any element from your page content. You can utilize this plugin in so many ways: show visitors contact forms, social links, testimonials, images, your social feeds, offer an subscription, display banners and so much more!

    Features

    • Unlimited Number of Flyouts!
    • Each Flyout background and font color can be styled individually.
    • Add any type of content, HTML, text, images, and most shortcodes.
    • Hide Flyout trigger buttons/images based on screen size.
    • Trigger a Flyout from any page link, image, button, or menu item.
    • Default Triggers are either Buttons or Images and float on the left / right edge of the browser window.
    • Automatic Updates from the WordPress Dashboard.

    Plugin Settings

    • Flyout settings are styled and configured individually. Each Flyout’s width, location, background, and font colors are controlled when creating each Flyout.

    Plugin Requirements

    • WordPress Version: 3.8+
    • Browser Support: IE 9+, Safari, Google Chrome, Firefox.
      (Will work in IE8; however, button labels will not rotate against the edge of the browser window as it uses CSS3 Transforms.
  • Animation CSS3 Results wordpress Plugin (Interface Components)

    Animation CSS3 Results wordpress Plugin (Interface Components)




    Editor button

    Integrated into the default WordPress editor is very easy to use and to integrate with any content already set into your page.
    Just select the content and push the «effects» button!

    Animation Options

    6 types of settings with more than 240 of combinations. Adjust and set any option to get and customize your desired animations.

    Other CSS3 Animation Effects Features:

    • Trigger Event
    • Trigger Type
    • CSS3 Effects
    • Preview Animation

    Over all

    CSS3 Animation Effects plugin is the most complete plugin on the market. With so many options your content will be unique and special.

    In the Future…

    CSS3 Animation Effects plugin is already in use on some of our regular clients websites and we know that the next think they want is to have a nice preview system for the templates. As far as we are concerned this is the next feature we want to include, if you have any suggestions please let us know.

    Requirements

    If you want to use CSS3 Animation Effects plugin, all you need to do is install WordPress 3.5+, and install the plugin.

  • Testimonials Exhibit wordpress Plugin (Interface Parts)

    Testimonials Exhibit wordpress Plugin (Interface Parts)






    My Testimonials is the perfect WordPress plugin build to display and manage your testimonials as a responsive grid or as a dynamic slider. You have multiple special themes and effects that will help you to show your testimonials in so many different ways.

    With My Testimonials Plugin for WordPress you can display your testimonials without any line of code. All you need to do is to generate the shortcode selecting your desired options to display, pick a favorite theme and select a predefined color. Choosing the right color scheme for your testimonials section of your website was never easier.

    10 Special Themes

    10 templates are included in this release. Get designer quality results without writing 1 line of code. We have built different responsive themes ready to display your testimonials on any resolution and device. More templates will be released in the future.

    You can suggest a theme and we will take care of your wish.

    10 Color Schemes

    Customize your testimonials with the desired color to better fit in your website. You can choose from predefined 10 trendy colors that covers the all spectrum.

    10 Display Options

    Pick individual fields for each Testimonials group. You can toggle between logo, quote, Stars rating, Job, Company or Date.

    Slider Showcase

    You have 10 features to build your desired Testimonials slider. All the options are very easy to change and user friendly. Display your Testimonials as a carousel slider with some transition effects and nav buttons.

    Other Testimonials Features:

    • Slideshow options
    • Widget Testimonials ready
    • CSS3 Effects
    • WordPress Shortcode Generator
    • Responsive & Columns structure
    • Inside Testimonials’s member Page ready
    • Testimonials Management

    Over all

    My Testimonials plugin is the most complete plugin on the market. With so many options your Testimonials Showcase will be unique and special.

    In the Future…

    My Testimonials plugin is already in use on some of our regular clients websites and we know that the next think they want is to have a nice preview system for the templates. As far as we are concerned this is the next feature we want to include, if you have any suggestions please let us know.

    Requirements

    If you want to use My Testimonials plugin, all you need to do is install WordPress 3.5+, and install the plugin.

  • CSS3 Tooltips For WordPress (Interface Parts)

    CSS3 Tooltips For WordPress (Interface Parts)

    CSS3 Tooltips For WordPress

    CSS3 Tooltips For WordPress is a lightweight, easy-to-use tooltips plugin for WordPress. It’s based on pure CSS3 and comes loaded with 50 predefined CSS3 styles, 10 different tooltip positions, optional tooltip headers, support for images and videos, adjustable delay, notification icons, tooltips On Hover over element and On Click and support for mobile devices.

    Plugin comes with shortcode generator and global settings with nice feature to display CSS3 Tooltips for all links by default.

    Need Support?

    Support for all our items is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.

    Full List Of Features

    • Create a Tooltip In Minutes!
    • On Hover And On Click Tooltips
    • Support For Mobile Devices
    • Lightweight – Based On Pure CSS3 Code
    • Build-In Shortcode Generator
    • Build-In Global Settings
    • Global Links To Tooltips Conversion
    • Create Tooltips In Minutes By Using Tooltip Shortcode Generator
      • Define The Content Wrapped By The Tooltip
      • Add Optional Tooltip Header
      • Specify The Tooltip Content That Will Appear In The Tooltip Cloud
      • Add Image Or Video That Will Appear In The Tooltip Cloud
      • Choose From 10 Available Tooltip Positions
      • Choose From 50 Available Tooltip Styles
      • Ability To Specify Custom CSS Code Or Class That You Want To Use For The Tooltip
      • Ability To Define Fixed Tooltip Width
      • Ability To Define Tooltip HTML Wrapping Tag
      • Ability To Define Tooltip Delay In Ms.
      • Ability To Define On Hover Or On Click Event
      • Custom Tooltip Cursors On Hover To Choose From
    • Global Tooltips Configuration Panel
      • Ability To Display CSS3 Tooltips For All Links By Default. Tooltip Content Will Be Retrieved From Title Attribute. This Setting Will Applies To All The Posts And Pages
      • Ability To Choose Default Tooltip Position And Style
      • Ability To Choose Default Tooltip Tag, Delay, Cursor, Custom CSS Code Or CSS Class Applied To The Tooltip
      • Ability To Define On Hover Or On Click Event
    • Valid HTML5 Code
    • Crossbrowser Compatible
    • Documentation With Step-By-Step Guide Included

    Videos

    Updates

    None

  • Certainly My Group (Interface Parts)

    Certainly My Group (Interface Parts)






    In the Future…

    This plugin is already in use on some of our regular clients websites and we know that the next think they want is to have a nice preview system for the templates. As far as we are concerned this is the next feature we want to include, if you have any suggestions please let us know.

    Requirements

    If you want to use this plugin, all you need to do is install WordPress 3.5+, and install the plugin.

  • Fastened TOC (Interface Parts)

    Fastened TOC (Interface Parts)

    Fixed TOC is a powerful WordPress plugin. It can scans headings through the post content automatically and create the table of contents, Fixed in the page display. Users can faster find the content what they want.

    Features

    • Support all of public post types.
    • You can set which HTML headings automatically generated table of contents.
    • Automatically add serial number.
    • Show hierarchy or not.
    • Expand or collapse the table of contents in the initial state.
    • You can select from six display position
    • custom contents width, font family, font size etc.
    • custom color scheme.
    • You can customize different table of contents for each article.
    • Support the paginated post.
    • Responsive.
  • IconBox WP Plugin (Interface Parts)

    IconBox WP Plugin (Interface Parts)

    con Box is responsive WordPress Plugin, with this plugin you can display informative boxes with icons in grid, carousel slider and list. The plugin contains over 900 web font icons and it support for image icons.

    This pluign perfect to:

    – Create a grid of Icon Boxes with links.
    – Display Icon Boxes in grid, carousel slider and list.
    – Any others creative use.

    1. Categories

    You can group Icon Boxes by categories and you can display it by selected category or all of them.

    2. Layout

    You can display Icon Boxes in 3 different layouts:

    2.1. Slider

    The Icon Boxes will displayed in responsive carousel slider and it works well in touch devices, in the plugin settings you can set slider settings such as (transition speed, auto play, Columns Number, Hover effect, Hover effect color, Border, Border Color, Border Radius, Background Color, Order, Order by, Number of items, Buttons arrows color, Font Style, Font Color) and many other settings.

    2.2. Grid

    The Icon Boxes will displayed in responsive grid, in the plugin settings you can set grid settings such as (Columns Number, Hover effect, Hover effect color, Border, Border Color, Border Radius, Background Color, Order, Order By, Number of items, Font Style, Font Color) and other settings.

    2.3. List

    The Icon Boxes will displayed in list, in the plugin settings you can set list settings such as ( Hover effect, Hover effect color, Border, Border Color, Border Radius, Background Color, Order, Order By, Number of items, Font Style, Font Color), and many other settings.

    3. Columns

    You can display the Icon Boxes with a number of columns from 1 column to 3 columns.

    3.1. Three Columns
    3.2. Two Columns
    3.3. One Columns

    4. Items Styles

    You can display the Icon Boxes with 2 different styles:

    4.1. Style1

    Display the Icon Boxes with icon on the top and text align center .

    4.2. Style2

    Display the Icon Boxes with icon on the left and text align left.

    5. Items Dividers

    You can display the Icon Boxes with items dividers by enabled it from the plugin settings and you can set dividers color and dividers style (Dashed, solid).

    5.1. Example 1

    5.2. Example 2

    6. Boxed Icon Boxes Style

    You can display the Icon Boxes with boxed style by enabled it from the plugin settings and you can set Boxes Background Color, Boxes Border Color and Boxes Border Radius.

    7. Icons Style

    You can display the Icon Boxes with 2 different icons style and you can use icons style with many options (Icons Size, Icon Color, Icons Boxed, Icons Boxed, Icon Border, Icons Border Color, Icons Border Radius).

    7.1. Font Icons

    7.2. Image Icon

    8. Font Style

    You can manage Icon Boxes font style by the plugin settings with many options (Title Font Family, Title Font Color, Title Font Size, Title Font Weight, Text Font Family, Text Font Color, Text Font Size).

    9. Possible to set URLS

    You can set urls to all Icon Boxes Items and you can set the url to open in the new page or in the same page.

    10. Hover Effect

    You can display Icon Boxes with 8 different hover effects and you can mange hover effect style from the plugin settings by many options (Change Icon Color, Hover Icon Color, Change Icon Background Color, Hover Icon Background Color, Change Icon Border Color, Change Title Color, Hover Title Color, Change Description Color, Change More Link Color, Hover More Link Color, Change Boxes Background Color)

    11. Order

    You can order Icon Boxes items by 3 different order type, ( Publish Date, Title, Random).

    12. Widget Ready

    The shortcode will work on widget, just copy the shortcode in logos widget.

    14. Shortcode Generator

    The shortcode generator will make a preview of how the layout looks with the selected settings.

  • Toughen Middle Professional (Interface Parts)

    Toughen Middle Professional (Interface Parts)

    Support Center Pro is a new WordPress plugin that allows you to create custom support centers for your users, so they can have an easy access to your documentation or have specific tips related to the displayed content.

    With Support Center Pro you will be able to create support centers related to specific posts, pages, custom post, or alternatively a single support center ( not associated with specific posts, pages, custom posts ) that will be used throughout your website.

    layouts for support center pro

    Create your first support center

    First of all, Support Center Pro make use of a new custom post type “document” and the related  taxonomy ”class” useful to organize your documents, hence you should use this new custom post type for your documentation.

    Then proceed to the actual creation of the support center, the Support Center Pro meta box will be available in your posts, pages, and custom posts and is organized in three different areas, general documentation, standard documentation, media documentation.

    Customization of the support center

    This plugin comes with 39 customization options, so you can change every single pixel displayed in the support center.

    This is a list of the options available in the Support Center Pro menu:

    • Activation Button Color: RGB color for the background of the activation button
    • Background Color: RGB color for the background of the support center
    • Headings Text Color: RGB color for the text of the support center headings
    • Headings Background Color: RGB color for the background of the support center headings
    • Activation Button Icon Color: RGB color for the icon in the activation button
    • Text Color: RGB color for the text in the support center
    • Links Color: RGB color for the links in the support center
    • Gallery Elements Color: RGB color for the elements ( arrows background and caption background ) in the media documentation
    • Gallery Text Caption Color: RGB color for the caption in the media documentation
    • Gallery Text Caption Color Hover: RGB color for the caption on the hover event
    • Gallery Elements Opacity: Opacity ( 0 to 1 ) for the elements ( arrows background and caption background ) in the media documentation
    • Background Pattern: Background pattern for the support center
    • Headings Background Pattern: Background pattern for the support center headings
    • Activation Button Image Open (60×62): This image replace the default open activation button. To replace the default activation button with your custom images you should set both this option for the open status and the close option below for the closed status.
    • Activation Button Image Close (60×62): This image replaces the default close activation button
    • List Dots Image (10×20): This image replaces the default list dots, you can find the white and the black version in the plugin img folder
    • Gallery Left Arrow (20×30): This image replace the default left arrow, you can find the white and the black version in the plugin img folder
    • Gallery Right Arrows (20×30): This image replace the default right arrow
    • Gallery Left Arrow Hover (20×30): This image replace the default left arrow for the hover event
    • Gallery Right Arrow Hover (20×30): This image replace the default right arrow for the hover event
    • Activation Button Text Open: If you are not using a custom image for the activation button with this option you can replace the default text
    • Activation Button Text Close: If you are not using a custom image for the activation button with this option you can replace the default text
    • Google Font: Here you can load a google font that will be used in the support center. Example: http://fonts.googleapis.com/css?family=Open+Sans:400,700
    • Font Family: This is the font family used in the support center. Example: ’Open Sans’, sans-serif
    • Opacity: Opacity ( 0 to 1 ) for the support center
    • Border Radius: Here you can set a custom border radius that will be applied to the support center ( always ) and to the activation button ( only if you are not using a custom image for the activation button )
    • Vertical Offset: This is the distance in pixel between the top of the viewport and the support center
    • Horizontal Responsive Breakpoint: With this option you can select to hide the support center when the viewport width goes under a specific value in pixel, if for example you theme switch to the phone version at 380px you can set here the same value to hide the support center with the mobile version of your theme
    • Vertical Responsive Breakpoint: With this option you can select to hide the support center when the viewport height goes under a specific value in pixel
    • Horizontal Position: Here you can select to display the support center on the right of the screen or on the left of the screen
    • Default General Documentation Title: The default general documentation title will be used as a default value for the related custom field in the Support Center Pro meta box
    • Default General Documentation Description: The default general documentation description will be used as a default value for the related custom field in the Support Center Pro meta box
    • Default Standard Documentation Title: The default standard documentation title will be used as a default value for the related custom field in the Support Center Pro meta box
    • Default Media Documentation Title: The default media documentation title will be used as a default value for the related custom field in the Support Center Pro meta box
    • Custom Post Type 1: If you are using custom post types and your purpose is to show the support center in your custom post types here you can set the custom post type slug to enable the support center. If for example you are using the “product” custom post type set “product” here and your users will be able to access to the documentation related to your products.
    • Custom Post Type 2: Another slot for your custom post types
    • Custom Post Type 3: Another slot for your custom post types
    • Custom Post Type 4: Another slot for your custom post types
    • Custom Post Type 5: Another slot for your custom post types

    Create a generic support center

    You should use this method only if your purpose is to create a single generic support center displayed throughout your website.

    The generic support center can also be used as a fallback, in order to have a generic support center if there are no specific support centers.

    To create a generic support center you have to enable the “Use in Template” option in the Support Center Pro meta box and paste the related function just before the body tag of your theme, usually located in the footer.php file.

    
    <?php put_support_center(x); ?>
    </body>
    
    

    Credits

    This plugin make use of the JavaScript Color Picker licensed under the GNU Lesser General Public License.

  • AIO Put up Fly Field: Prev Subsequent, Contemporary, Chosen Publish (Interface Components)

    AIO Put up Fly Field: Prev Subsequent, Contemporary, Chosen Publish (Interface Components)

    AIO (All In One) Post Fly Box is used to display Previous Next Posts, Recent Posts and Selected Posts/Pages on Fly Boxes which appear on mouse scroll. Lot of Customization Options available.

    Features

    • Works with WordPress Posts – Previous Next Post, Recent Post and Selected Post/Page
    • Fly Boxes are Highly Customizable
    • You can select the Background Image or Background Color for the Fly Box.
    • Fly Boxes appear on Mouse Scroll
    • Scroll from Top to Bottom in percentage (%) as user input
    • Fly Boxes are Responsive
    • Simple and Easy to Use

    Support

    If you have any problems or need help for this Plugin, simply contact us by Comments or Register and open a support ticket on our site.

    Updates

    Version1.0 - Initial Release