Pages

Friday, January 29, 2016

Auto Insert Numbers in CSS OL, LI (Ordered List) list


EXAMPLE
  1. Un service gratuit et sans engagement
  2. Un service gratuit et sans engagement sans engagement
  3. Un service gratuit et sans engagement Un service
CODE:
<style>
.list-numbers li:before {
    content: counter(count-me) " ";
    display: block;
    position: relative;
    margin-left: -2.8em;
    /* top: .05em; */
    color: #FFF;
    font-weight: bold;
    background: #00AEF1;
    width: 26px;
    height: 26px;
    border: 1px solid #00AEF1;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    float: left;
}

.list-numbers li {
    counter-increment: count-me;
}

</style>

<ol class="list-unstyled list-numbers"> 
<li class="first">Un service gratuit et sans engagement</li>
<li class="second two-lined">Un service gratuit et sans engagement sans engagement</li>
<li class="third two-lined">Un service gratuit et sans engagement Un service </li>
</ol>

Monday, January 25, 2016

Bootstrap page is not responsive on the iphone

changing this line in <head> tag will make it responsive in bootstrap.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Tuesday, January 19, 2016

Preview an image before it is uploaded

your image

 <form id="form1" runat="server">
        <input type='file' id="imgInp" />
        <img id="blah" src="#" alt="your image" />
    </form>
<script>
 function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
         
            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
 
    $("#imgInp").change(function(){
        readURL(this);
    });
</script>

Sunday, January 17, 2016

How to give print link in a webpage

Print
<a href="#" rel="nofollow" onclick="window.print(); return false;" >
   <span class="printfriendly-text2 printandpdf">
   <img style="border:none;margin-right:6px;" src="http://cdn.printfriendly.com/pf-print-icon.gif" width="16" height="15" alt="">Print </span>
</a>