How to learn image zoomer

How to learn image zoomer

Md. Shahab uddin
07-06-2018

This is link

<link href="css/jquery-picZoomer.css" rel="stylesheet">
<script src="js/jquery.picZoomer.js" type="text/javascript"></script>
<script type="text/javascript">
$('.picZoomer').picZoomer();
$('.piclist li').on('click', function (event) {
var $pic = $(this).find('img');
$('.picZoomer-pic').attr('src', $pic.attr('src'));
});
</script>

Read More
Display Loading Image While Page Loads using jQuery and CSS

Display Loading Image While Page Loads using jQuery and CSS

Md. Shahab uddin
15-02-2018

A web page load time depends on the page elements and it may be longer for lots of images, JavaScript, and CSS. Sometimes well-designed pages suffer for page load time. There are many ways to optimize your web pages to load faster.

Read More
How to custom checkbox create with background

How to custom checkbox create with background

Md. Shahab uddin
01-02-2018

<!DOCTYPE html>

<html>

<body>

<h1>Custom Checkboxes</h1>

<label class="chk_lbl">One

  <input type="checkbox" checked="checked">

  <span class="checkmark"></span>

</label>

<label class="chk_lbl">Two

  <input type="checkbox">

  <span class="checkmark"></span>

</label>

<label class="chk_lbl">Three

  <input type="checkbox">

  <span class="checkmark"></span>

</label>

<label class="chk_lbl">Four

  <input type="checkbox">

  <span class="checkmark"></span>

</label>

</body>

</html>

 

Read More
Custom file upload button with pure css

Custom file upload button with pure css

Md. Shahab uddin
25-11-2017

HTML Code

<div class="upload-btn-wrapper">

  <button class="btn">Upload a file</button>

  <input type="file" name="myfile" />

</div>

Read More
How to create a HTML Format

How to create a HTML Format

Md. Shahab uddin
13-04-2017

In this tutorials i am showing how to create just html format

Read More
how to create login & registration form in codeigniter

how to create login & registration form in codeigniter

Md. Shahab uddin
02-04-2017

at first create a style sheet...............

<style type="text/css">

            .form-box{

                max-width: 500px;

                position: relative;

                margin: 5% auto;

            }

        </style>

Read More
Just Some CDN File Link

Just Some CDN File Link

Md. Shahab uddin
19-03-2017

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

       

Read More
When i scroll down then menu & header is top fixed

When i scroll down then menu & header is top fixed

Md. Shahab uddin
16-03-2017
.....

.fixed {

    position: fixed; 

    top: 0;     height: 10px; 

    z-index: 1;    width: 100%;

    background: #fff;    height: 85px;

}

Read More
How to start HTML use Notepad ++

How to start HTML use Notepad ++

Md. Shahab uddin
23-02-2017

In this tutorial i'm showing how to start HTML use Notepad++

Read More
How to create a Dropdown Menu using bootstrap

How to create a Dropdown Menu using bootstrap

Md. Shahab uddin
17-01-2017

At first Link Bootstrap & Jquery CDN file

Css:

menuSection{

}

.menuArea{   

    border-bottom: 1px solid #008F2B;

}

.menuArea ul li a{

    font-size: 16px;

    font-family: SolaimanLipi,FallbackBengaliFont, Siyam Rupali, Vrinda,Helvetica,sans-serif;

    margin-right: 0px;

    border: 0px;

}

.navbar{

    margin-bottom: 5px;

}

.navbar-default {

    background-color: #fff;

    border-color: #fff;

 

}

Read More
How to create a Form use bootstrap

How to create a Form use bootstrap

Md. Shahab uddin
17-01-2017

At first link bootstrap cdn & Jquery cdn. Then open a

.....

Read More
How to create a modal use bootstrap

How to create a modal use bootstrap

Md. Shahab uddin
17-01-2017

<button class="btn btn-primary addbutton"  data-toggle="modal" data-target="#modal1">

                    Add Class

 

  </button>

Read More