Skip to content

Instantly share code, notes, and snippets.

View bulbul84's full-sized avatar

Md Bulbul Hasan bulbul84

View GitHub Profile
@bulbul84
bulbul84 / tabs on hover instead of clicking (index.html)
Created March 22, 2016 17:34
How to make with twitter bootstrap tabs on hover instead of clicking?
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Nav pills -->
<ul class="nav nav-pills">
<li class="active"><a href="#tab-1" data-toggle="tab">Tab 1</a></li>
<li><a href="#tab-2" data-toggle="tab">Tab 2</a></li>
<li><a href="#tab-3" data-toggle="tab">Tab 3</a></li>
<li><a href="#tab-4" data-toggle="tab">Tab 4</a></li>
</ul>
@bulbul84
bulbul84 / Placeholder Color Chanes (style.css)
Created March 27, 2016 10:08
How to Changes HTML Input Placeholder text color
/*--- Start Placeholder Color Changes -----*/
.form-group input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #777;
}
.form-group input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777;
opacity: 1;
}
.form-group input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #777;
@bulbul84
bulbul84 / functions.php
Created April 27, 2016 07:06
How to changes default avatar from wordpress and add custom avatar
How to Change the Default Gravatar on WordPress
Last updated on June 21st, 2012 by Editorial Staff
Share This Article
Special WordPress Hosting offer for WPBeginner Readers
How to Change the Default Gravatar on WordPress
Implementation of Gravatar is an uprising trend that is being seen on many WordPress Blogs. More and more blogs are following the trend by incorporating the gravatar. Not only bloggers, but theme designers are also focusing on making the best comment box for their WordPress themes and implementing gravatar with creativity.
While bloggers may know about gravatar and have an account, there are other users who don’t have a personal gravatar, so when they post a comment on a blog, a mystery man takes over their gravatar. You probably have seen it on many blogs, on a gray background a white guy. In this article we share a way to have a custom gravatar for your blog users which you can incorporate in your blog.
@bulbul84
bulbul84 / style.css (Remove Input Default Border)
Created May 3, 2016 08:01
How to remove input Default outline for various browser
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
@bulbul84
bulbul84 / index.html Use pattern for validated input fields
Created May 3, 2016 12:06
How to use pattern for validated phone number or validated input fields
<input type="text" pattern="[0-9]{9,12}" value="" placeholder="Type your phone number" required/>
<div data-id="76957390" class="toggle-btn small domain_autorenew autorenew ">
<input type="checkbox" id="tog_AutoRenew_domain_76957390_0">
<label for="tog_AutoRenew_domain_76957390_0">Auto-Renew</label>
</div>
jQuery(document).ready(function($){
var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
if (agentID) {
// mobile code here
}
});
@bulbul84
bulbul84 / gist:30a138c783f7d026d54f5ec8a74bfa34
Created June 14, 2016 17:22 — forked from paulallies/gist:0052fab554b14bbfa3ef
Remove node_modules from git repo
#add 'node_modules' to .gitignore file
git rm -r --cached node_modules
git commit -m 'Remove the now ignored directory node_modules'
git push origin master
@bulbul84
bulbul84 / BootstrapDropdownTouchScreenSupport.html
Last active November 23, 2016 21:33
Support bootstrap dropdown item on touchscreen
<!-- This is one of them -->
<li class="popup_login_form has_dropdown dropdown">
<button class="dropdown-toggle" type="button" data-toggle="dropdown">
<img width="12" style="margin-top: -6px" src="images/profile.png" alt="">
<span class="angle_down"><img src="images/arrow_down_gray.svg" alt=""></span>
</button>
<ul class="dropdown-menu">
<form action="after-login-home.html">
<div class="from-group">
.fullscreen-bg {
bottom: 0;
height: 100%;
width: 100%;
left: 0;
overflow: hidden;
position: relative;
right: 0;
top: 0;
z-index: -100;