Tiva Shortcode Elements is javascript library which provide many essential elements for your website via short code. You can easily create Accordion, Audio Player, Count Down, Flip Box, Google Map, News Ticker, Photo Gallery, Progress Bar, Tab, Testimonial, Tooltip, Video Player ... in just a few minutes with short html code. Thereby you will can save many time to build your website. Check all elements here to understand how it works.
Install
It is so easy to install Tiva Shortcode Elements. Just include some essential css and js files corresponding to element you want to use (Refer to corresponding html file). For example, if you want to use accordion, just need include below files (see example in accordion.html) :
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/shortcode.css">
<!-- Include js file -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/shortcode.js"></script>
If your website has already font-awesome and jquery, don't need include them.
Usage
To display element, just add corresponding short code for it. For example : use this code if you want create audio player (see example in audio.html):
Note
This software includes some extend javascript libraries with MIT license :
- jquery.appear.js : Copyright (c) 2009 Michael Hixson and (c) 2012-2014 Alexander Brovikov (https://github.com/bas2k/jquery.appear)
- mediaelement-and-player.min.js (MediaElement.js) : Copyright (c) 2010-2014 John Dyer (http://mediaelementjs.com)
- jquery.countdown.js (The Final Countdown for jQuery) : Copyright (c) 2015 Edson Hilios (http://hilios.github.io/jQuery.countdown)
- jquery.elevatezoom.js (Jquery ElevateZoom) : Copyright (c) 2012 Andrew Eades (http://www.elevateweb.co.uk/image-zoom)
- owl.carousel.js (Owl carousel) : Copyright (c) Bartosz Wojciechowski (http://owlgraphic.com/owlcarousel)
- jquery.ticker.js (jQuery Ticker Plugin) : Copyright (c) 2014 Benjamin Harris (https://github.com/BenjaminRH/jquery-ticker)
- jquery.magnific-popup.js (Magnific Popup) : Copyright (c) 2016 Dmitry Semenov (http://dimsemenov.com/plugins/magnific-popup)