HTML | Themedownload

download html div into pdf using jsPDF

November 21, 2018May 28, 2019 admincode igniter, HTML, Php0 comment

download html div into pdf using jsPDF ADD THIS BETWEEN HEAD <script src=”https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js”></script> <script> var pdfdoc = new jsPDF(); var specialElementHandlers = { ‘#ignoreContent’: function (element, renderer) { return true; } }; $(document).ready(function(){ $(“#gpdf”).click(function(){ pdfdoc.fromHTML($(‘#printableArea’).html(), 10, 10, { ‘width’: 110, ‘elementHandlers’: specialElementHandlers }); pdfdoc.save(‘gemscerti.pdf’); }); }); </script> Html Code <button id=”gpdf” style=”display: none;”>Generate PDF</button> <div id=”printableArea”> <div id=”theme-page” style=”display: none;”> <div class=”table-content col-6″> <ul> <li id=”report_no”>Report No : 15074</li> <li id=”date”>Date :…

Multiple Image Upload and Resize Image In CodeIgniter

April 11, 2018May 28, 2019 adminCodeIgniter, HTML, Php0 comment

Multiple Image Upload and Resize Image In CodeIgniter First you must load “image_lib” library of CI. This is a controller in CI public function imageUpload() { $data = array(); if ($this->input->post(‘submit’)) { if ($_FILES[“sc_name”][“name”]) { $path = ‘./upload_image’; if (!is_dir($path)) …

How do I make a YouTube video autoplay?

October 28, 2017May 28, 2019 adminHTML0 comment

How do I make a YouTube video autoplay? Making a YouTube Video Autoplay 1. On YouTube, go to the video you wish to embed. 2. Click Share, then Embed. 3. Choose your settings, then copy the HTML code. 4. In your BigCommerce control panel, open the page, product, or category you’d like to add the video to. 5. In the Page Content or Product Description editor, click the HTML icon in the toolbar. 6. Paste the code, then add ?rel=0&autoplay=1 to the code. See the example below. Before <iframe width=”640″ height=”360″ src=”[YouTube Video URL]” frameborder=”0″ allowfullscreen></iframe> After <iframe width=”640″ height=”360″ src=”[YouTube Video URL]?rel=0&autoplay=1″ frameborder=”0″ allowfullscreen></iframe> 7. Select Update. 8. Save your…

Twitter reply, retweet and love button with hover and click effect #Dribbble inspiation Bootstrap

March 21, 2017June 10, 2019 adminBootstrap, HTML0 comment

Twitter reply, retweet and love button with hover and click effect #Dribbble inspiation Bootstrap HTML: <html> <head> <title>Navbar top-1</title> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”> <link media=”all” type=”text/css” rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css”> </head> <body> <div class=”container-fluid”> <div class=”row”> <div class=”outer-div text-center”> <h1><i class=”fa fa-twitter” aria-hidden=”true”></i></h1> <div class=”col-md-12 tweet”> <ul class=”list”> …

Button Hover Effect-2 Bootstrap

March 21, 2017June 10, 2019 adminBootstrap, HTML0 comment

Button Hover Effect-2 Bootstrap HTML: <div class=”container”> <div class=”row”> <div class=”submit-wrapper”> <a href=”#”>GET IN TOUCH</a> </div> </div> </div> CSS: .submit-wrapper { margin-top:150px; } .submit-wrapper a { border:2px solid #f33; color:#000; padding:20px 25px; text-decoration:none; position:relative; letter-spacing:8px; transition:all 0.6s; z-index:1; } .submit-wrapper a:before, .submit-wrapper a:after { content:””; position:absolute; top:50%; left:0; width:24px; height:4px; background:#f33; margin-left:-12px; …

Circle button with 3d shadow and hover effect Bootstrap

March 21, 2017June 10, 2019 adminBootstrap, HTML0 comment

Circle button with 3d shadow and hover effect Bootstrap HTML: <div class=”container”> <div class=”row”> <div class=”col-md-12″> <button class=”btn btn-default orange-circle-button” href=””>Read<br />more<br /><span class=”orange-circle-greater-than”>></span></button> </div> </div> </div> CSS: body { font-size: 18px; } .orange-circle-button { box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1); border: .5em solid #E84D0E; font-size: 1em; line-height: 1.1em; color: #ffffff; background-color: #e84d0e; margin: auto; border-radius: 50%; height: 7em; width: 7em; position: relative; } .orange-circle-button:hover { color:#ffffff; background-color: #e84d0e; text-decoration: none; border-color: #ff7536; } .orange-circle-button:visited { color:#ffffff;…

Hover Effect On Button in Boostarp

March 21, 2017June 10, 2019 adminBootstrap, HTML, Responsive Web Template0 comment

Hover Effect On Button in Boostarp Html : <div class=”container”> <div class=”row”> <h2 class=”text-center page-header”>Hover Effect On Button</h2> <button class=”btn-change”>Button</button> <button class=”btn-change1″>Button</button> <button class=”btn-change2″>Button</button> <button class=”btn-change3″>Button</button> <button class=”btn-change4″>Button</button> <button class=”btn-change5″>Button</button> <button class=”btn-change6″>Button</button> <button class=”btn-change7″>Button</button> <button class=”btn-change8″>Button</button> </div> </div> CSS: body { font: 400 1.4rem ‘Lato’, Verdana, Helvetica, sans-serif; } .btn-change{ height:…

Dynamic Form Fields – Add & Remove Using Bootstarp

March 9, 2017June 10, 2019 adminAjax, Bootstrap, HTML, jQuery0 comment

Dynamic Form Fields – Add & Remove Using Bootstarp HTML CODE: <div class=”container”> <div class=”row”> <input type=”hidden” name=”count” value=”1″ /> <div class=”control-group” id=”fields”> <label class=”control-label” for=”field1″>Nice Multiple Form Fields</label> <div class=”controls” id=”profs”> <form class=”input-append”> <div id=”field”><input autocomplete=”off” class=”input” id=”field1″ name=”prof1″ type=”text” placeholder=”Type something” data-items=”8″/><button id=”b1″ class=”btn add-more” type=”button”>+</button></div> …

Add/Remove Input Fields Dynamically with jQuery

March 9, 2017June 10, 2019 adminAjax, HTML, jQuery0 comment

Add/Remove Input Fields Dynamically with jQuery If you are looking to add and remove duplicate input fields, here’s another jQuery example below to do the task for you. This jQuery snippet adds duplicate input fields dynamically and stops when it reaches maximum. JQUERY $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(“.input_fields_wrap”); //Fields wrapper var add_button = $(“.add_field_button”); //Add button ID var x = 1; //initlal text…

DynamicDependentSelectBoxusingjQuery2CAjaxandPHP

php

Dynamic Dependent Select Box using jQuery, Ajax and PHP

March 4, 2017June 17, 2019 adminAjax, HTML, Php0 comment

Dynamic Dependent Select Box using jQuery, Ajax and PHP Database & Tables Create a database, like location_db. location_db consists of three tables countries, states, and cities. statestable has a relation with countries table and cities table has a relation with states table. countries Table:This table contains all the countries data. countries table SQL would like below. CREATE TABLE IF NOT EXISTS `countries` ( `country_id` int(11) NOT NULL, `country_name` varchar(30) CHARACTER SET utf8 NOT NULL, `status` tinyint(1) NOT NULL DEFAULT ‘1’ COMMENT ‘0:Blocked, 1:Active’ ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; states Table:This table contains all the states data and country_id FOREIGN KEY. states table SQL would like below. CREATE TABLE IF NOT EXISTS…