Posts

Showing posts from March, 2019

How to use custom sticky sidebar

Image
How to use custom sticky sidebar Not use jQuery only JavaScript plugin for making smart and smooth high performance custom sticky sidebar   HTML  <header> <div class="container"> <h1>Sticky sidebar Example</h1> </div> </header> <div class="container"> <div class="clearfix"> <div id="sidebar"> <div class="sidebar__inner"> <p>This is sticky column</p> </div> </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tempus id leo et aliquam. Proin consectetur ligula vel neque cursus laoreet. Nullam dignissim, augue at consectetur pellentesque, metus ipsum interdum sapien, quis ornare quam enim vel ipsum.</p> <p>In congue nunc vitae magna tempor ultrices. Cras ultricies posuere elit. Nullam ultrices purus ante, at mattis leo pl

Owl carousel center mode with zoom image

Image
Owl carousel center mode with zoom image in this slider the code is very simple to use. it is a new creative slide with the use of owl crousal included cursur effective zooimg image active images  HTML  <section class="sec sec-testimonials"> <div class="inner-testimonials"> <div class="owl-carousel custome_slide" id="slide-testimonal">     <div class="test_img">         <div class="main-reviewimage">             <img src="https://images.unsplash.com/photo-1513207565459-d7f36bfa1222?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1535&q=80" class="img-fluid" alt="">         </div>         <div class="testimonial_detail">             <h4>Siana H</h4>             <p>Perfect for what i needed. Found my Lenders almost instantly. who use again. </p&g

Basic computer shortcut keys

Image
Basic computer shortcut keys Shortcut keys help provide an easier and usually quicker method of navigating and executing commands in computer software. As you begin to memorize shortcut keys, you'll notice that many applications share the same shortcut keys. More information please visit this url  https://www.papawebdesigner.com/ Here are 15 basic computer shortcut keys images. Follow On Social Media - Follow on Facebook   -   https://www.facebook.com/Front-End-Issue-487743404963344 Follow on instagram   -   https://www.instagram.com/frontendissue/    Follow on Twitter       -   https://twitter.com/IssueEnd Follow on Linkedin     -   https://www.linkedin.com/in/callmehitesh/   Follow on GooglePlus -   https://plus.google.com/118238268171156252992 Follow on pinterest    -   https://in.pinterest.com/frontendissue/

Use jQuery Magnifier Plugins

Image
Use jQuery Magnifier Plugins Zoom is a simple yet powerful jQuery plugin cross-browser Image Magnifier jQuery plugin. Zoom in / out functionality using mouse wheel and use jQuery Magnifier Plugins.  HTML  <img id="image1" border="0" src="http://www.dynamicdrive.com/dynamicindex4/hayden.jpg" width="300"/> More information please visit this url  https://www.papawebdesigner.com/  CSS  .magnifyarea {  box-shadow: 5px 5px 7px #818181; -webkit-box-shadow: 5px 5px 7px #818181; -moz-box-shadow: 5px 5px 7px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true); background: white; } .targetarea {  width: 325px;  height: 338px;  margin-top:3px; } #two {  height: 243px;  } .targetarea img { margin: auto;  display: block;  position: relative;  border-width: 0; } .thumbs {  padding-top: 25px; width: 325px; text-align: center;