Category: Wordpress Plugins

  • Bootstrap Responsive Tabs (Sliders)

    Bootstrap Responsive Tabs

    Bootstrap Responsive Tabs are built with Bootstrap and jQuery. It contains bootstrap carousel, slider, image gallery, lists, table, progress bar and different types of form. It also supports YouTube, Vimeo and self hosted videos with new features. You can change each and every thing such as colors, animations, sizes, backgrounds, positions etc by just changing the classes. We have added many new functions those increased the flexibility of the product.

    Elements

    The carousel used in this product is a bootstrap carousel. There are five types of carousel according to the grid system.

    • 2 columns
    • 3 columns
    • 4 columns
    • 5 columns
    • 6 columns

    Bootstrap Slider

    There is one slider included in this product that has types of full width and fixed width with text layers. Other than that we can display the slider either on the left side or the right side with other content easily in bootstrap responsive tabs.

    The image gallery is also categorized in five grid views. And it is 100% responsive.

    • 2 columns
    • 3 columns
    • 4 columns
    • 5 columns
    • 6 columns

    Image

    The images can be displayed in four different styles top, left, right and bottom easily.

    Self Hosted Video

    To display self hosted video in tabs HTML 5 tag has been used.

    YouTube And Vimeo

    YouTube and Vimeo videos can also be embedded in the responsive bootstrap tabs and can be displayed left and right side easily with other content.

    iframe

    iframe help you to embed other websites on your site. You can embed it in tabs easily.

    Bootstrap Table

    We have included bootstrap tables in the tabs. You can display it left, right, top and bottom anywhere in the tab. The tables are also responsive.

    Bootstrap Progress Bar

    We have included the bootstrap progress bars in this pack. There are two types of progress bars, animated and simple. Now you can show your data in the form of bars easily.

    Bootstrap Sign In Form

    You will also find sign in form in bootstrap responsive tabs. The forms are 100% responsive and well designed. You can appear them anywhere in the tabs.

    Bootstrap Sign Up Form

    Sign up form is also a key element of the bootstrap tabs. It can be displayed left, right, top and bottom in the tabs.

    Bootstrap Contact Us Form

    Responsive Bootstrap Tabs also has the function to show a contact us form with 100% responsiveness.

    Bootstrap Subscribe Form

    Subscribe form has a great value in modern websites. So, we have designed it in the tabs.

    Combine Elements

    You can easily display different elements in different tabs.

    Features

    Responsive

    Size of tabs is responsive on each and every device. Bootstrap Tabs are easily adjustable on every device according to screen resolution.

    Customization

    We can change each and every thing such as colors, animations, sizes, backgrounds, positions etc by just changing the CSS classes.

    Mobile Friendly

    Dynamically responsive on all mobile devices. Bootstrap Tabs are completely mobile friendly and as well as it is responsive on iPad, tablets and all other devices.

    Bootstrap

    Responsive Tabs are built with bootstrap v3.3.7. Even the elements those have been used in the tabs are also built in bootstrap.

    Browser Support

    Bootstrap tabs are compatible with all browsers like Chrome, Firefox, Internet Explorer, Opera, Safari, Maxthon and edge.

    Documentation

    Clean and clear documentation with briefly explained each and every part of bootstrap responsive tabs.

    Support

    We are always there for your help. You can contact us any time. 24/7 support enables user to overcome any problem about tabs.

    Validate

    The code of bootstrap tabs is clean and clear. The comments help you out to easily understand and edit the code. Validated from W3 Consortium.

    Vertical Tabs

    A bootstrap responsive tab is built in such a flexible way that you can easily convert any horizontal tab into vertical tab.

    Videos

    You can embed YouTube and Vimeo videos easily in bootstrap tabs. You can easily host your own videos with the help of HTML 5 video tag.

    SEO Optimized

    It is completely on page and off page SEO optimized. You can shrink your content by using tabs and maximum content can also be added on a page.

    Updates

    Updates are free and always will be. Plug-in used in Bootstrap Responsive Tabs are fully up to date.

    Plug-in Used

    Photos And Videos

    Note: Images and Videos are not included in the pack.

    Helping Sites

  • Bootstrap Responsive Sidebar Nav (Navigation)

    Best jQuery Treeview & jQuery tree plugin with example of jquery treeview based on collapsed.

    • Bootstrap
    • Font Awesome
    • Tree View Style
    • Responsive Design
    • Cross Browser Compatible
    • Easy Customize

    Credits

  • Craigslist Scraper – Search and Record Newest Posts with the aid of Class (Miscellaneous)

    Short description

    Name: Craigslist Scraper

    Purpose: Search and list latest posts from craigslist by grouped categories or cities

     

    Search criteria

     

    The application contains these search fields.

    1. Country or Contents
      • By this field you can define country (USA, Canada) or content (Africa, Asia, Europe & etc.)
    2. States
      • If you define USA or Canada at first field state dropdown list will appear.
    3. City
      • At this field the cities will appear which belong state or country you choose before. You can choose multiple citites at once.
    4. Category
      • You can search by category or can list all categorise at once by choosing “All” option.
    5. Search text
      • You can define search text to search posts which contains this text

     

    Structure

    The application has two (API server and client interface) sides. With client interfaces (GUI) you define search fields and get results. At server side the posts filtered by search criteria an return JSON data to interfaces.

    GUI

    The modern technologies as AngularJS, Node JS and Material Design used to create user interface. The Main layout contains two divided block. First block (left side) keeps search form and second block (right side) show results.

     

     

    Dependencies

    System requirements is:

    1. Node JS with NPM
    2. Angular JS
    3. Material Design
    4. NPM Express
    5. NPM body-parser

     

    Installation

    1. Install Node JS
      1. Download installer file depending on your OS
      2. Run installer file and follow wizard window
    2. Extract all files of zip package into you root directory
      1. For Windows OS: locate zip file any directory, right mouse click on this file and select “Extract to here”
      2. For Linux please follow this link
      3. For Mac user please follow this link
    3. Install NPM dependencies
      1. Open CMD or PowerShell for Windows OS or terminal for Mac and Linux OS
      2. Locate the folder where you extract zip package. You can use CD command for major OS
      3. Execute “npm install” command
    4. Start application
      1. Execute “npm start” command
      2. Open any browser (Chrome or Firefox recommended) and locate “localhost:8080” address.
    5. THAT’S ALL )))

     

    Configuration

     If you start this application remote server or PC you need to change  serviceBase  at line 4 of server.js file in publicjs folder.

  • JQuery Lyrics Displayer (Media)

    JQuery Lyrics Displayer

    JQuery script, a responsive Bootstrap 4 template and audio player for displaying lyrics on a web page in karaoke style, simple (by lines) and enhanced (by syllables).

    Converter for LRC to JQuery lyrics format is provided.

    Tested on all major browsers and platforms, desktop and mobile. To provide full compatibility, linked audio files should be in MP3, OGG and AAC formats.

    Enhanced LRC example:

    [00:03.87]This <00:04.36>can <00:04.66>be <00:05.02>a <00:05.31>song <00:05.82>ly<00:06.29>rics,<00:06.74>

    Converted Enhanced JQuery Lyrics example:

    ["This ", 490],["can ", 300],["be ", 360],["a ", 290],["song ", 510],["ly", 470],["rics,", 450],

    Simple LRC example:

    [00:03.87]This can be a song lyrics,[00:04.13]

    Converted Simple JQuery Lyrics example:

    ["This can be a song lyrics,", 260],

    If you stuck on even more simple LRC format, without ending marks:

    [00:03.87]This can be a song lyrics,

    use Karaoke Lyrics Editor (https://sourceforge.net/projects/karlyriceditor/) to edit/add end timing marks.

    To create your own LRC lyrics, use online LRC maker: http://stage.elsdoerfer.com/elrcmaker/

    Credits:

    Bootstrap 4 – https://v4-alpha.getbootstrap.com/

    Fancy sidebar for Bootstrap – http://bootsnipp.com/snippets/featured/fancy-sidebar-navigation

    JQuery Karaoke text effect: – http://jsfiddle.net/bPGZT/

    Provided audio is created and copyrighted by me.

    Additional info and support available.

  • Flat – Responsive Bootstrap Menu (Navigation)

    The Flat Menu is a professional CSS & jQuery Responsive Menu compatible with Bootstrap. This menu comes with horizontal and sticky version and 5 different color pattern.

    Responsive Flat – Responsive Bootstrap Menu is a flexible and high customization to build your custom Bootstrap Responsive menus. It is very easy to build a menu. you can set up the Flat menu item drop down by mouse click. You can assign a 5 color and choose also gradient effect.

    Flat – Responsive Bootstrap Menu is component based in CSS and JavaScript code. You can use Flat Menu it as a horizontal top menu. It is a Bootstrap Responsive Menu, suitable for any type of website and Template or Landing page.

    Features

    • – 100% Responsive Layout
    • – 5 Color Scheme
    • – Google Web Font “Open Sans”
    • – 12 Column Bootstrap Grid System
    • – Drop Down with 3 Types
    • – Flat and Gradient Effect
    • – Documentation included
    • – Clean Design and Code
    • – Easy to Customize
    • – Easy to use

    Live Demo URL: Click here

    Sources and Credits
    I’ve used the following: Thanks so much to

    Font: Google Web Fonts
    Fontawsome icon: Free Font Awesome, the iconic font
    Images: Pixbay.com
    Social network button: lipis.github.io
    CSS: Bootstrap
    jQuery: Javascript

    If you have any questions related to this email template, Feel free to email us at mukesh.gehlot019@gmail.com or via our Design Collection page contact form to get further information.

    Best wishes
    Design Collection

  • StoCookie jQuery plugin – Cookie Legislation Compliance and Customized Notifications (Miscellaneous)

    StoCookie is a simple and lightweight plugin to quickly create custom notification messages.
    It comes with some smart options to best suit your website.

    simply include the JavaScript, the CSS and activate the plugin.
    Possibility to call a different custom notification in every page.

    Features

    • Highly Customizable
    • Hide banner on scroll (optional)
    • Setup manager with live preview
    • Display once, every session, or everytime

    Full Setup Manager with instant preview included

    Also availabe the WordPress plugin!

    Support

    For support request you can send me a message through my profile page

    Log History
    version 1.1:
    new: banner border radius
    new: font size
    new: font family
  • Light-weight eCommerce Product jQuery Plugin Photography and Media)

    A ready to use jQuery plugin allows you to present your product in right way with Zooming and displaying with Lightbox. Its including all latest features that are existing in market.

    Why should I use this slider?

    Fully responsive – will adapt to any device
    Slides can contain images, video, or HTML content
    Small file size, fully themed, simple to implement
    Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+
    Very light and loading fast
    Different types of usage
    Fully ready for Ecommerce product representation

    Features

    Customizable by CSS and plugin options
    Product zooming feature
    Product displaying in modal(popup, lightbox) feature
    Displaying arrows where needed and modifying its styling
    Lightweight plugin
    Bullets feature
    The small thumbnails are automatically generated, sized and positioned
    Unlimited number of images
    Callback functions
    Destroy and Reload functions