Skip to content

Instantly share code, notes, and snippets.

View DevShahidul's full-sized avatar
🎯
Focusing

Shahidul Islam DevShahidul

🎯
Focusing
4 followers · 11 following
  • http://webtricker.com/
View GitHub Profile
@DevShahidul
DevShahidul / Include theme css and js with functions in wordpress
Created April 26, 2017 09:21
// Begin Include theme css and js function
function add_theme_css_js(){
// Include css
wp_register_style( 'foonts', 'https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700', array(), '1.0', 'all' );
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css', array(), '2.0', 'all' );
wp_register_style( 'stylesheet', get_template_directory_uri() . '/css/style.css', array(), '1.0', 'all' );
wp_enqueue_style('foonts');
wp_enqueue_style('flexslider');
@DevShahidul
DevShahidul / Nave Menu Register
Created April 26, 2017 14:02
1. Register menu in function
// Register navigation
function register_theme_menu(){
register_nav_menus(array( // Using array to specify more menus if needed
'main_menu' => 'Main menu',
'footer_menu' => 'Footer Menu'
));
}
add_action('init', 'register_theme_menu');
@DevShahidul
DevShahidul / Create Feature image with background image
Created May 17, 2017 09:29
if ( have_posts() ) : while ( have_posts() ) : the_post();
if ( has_post_thumbnail() ) {
$feat_image_url = wp_get_attachment_url( get_post_thumbnail_id() );
echo '<div style="background-image:url('.$feat_image_url.');"></div>';
}
endwhile;
endif;
@DevShahidul
DevShahidul / jquery.rwdImageMaps.min.js
Last active May 31, 2017 10:55
Responsive maping
// Calling script
if( $('div.map-image').length){
$('img[usemap]').rwdImageMaps();
}
/*
* rwdImageMaps jQuery plugin v1.5
*
@DevShahidul
DevShahidul / Scroll top with definite section.js
Last active June 1, 2017 06:43
$(window).scroll(function(){
var contentNav = $('section.hero-section').height()
if($(window).scrollTop() > contentNav ){
$('#content-nav').addClass('fixedNav')
$('#who-we-are').addClass('content-nav-fixed')
}
else{
$('#content-nav').removeClass('fixedNav')
@DevShahidul
DevShahidul / Input field focus and blur advance function.js
Created June 3, 2017 05:10
This function for input active state on focus with value added and value removed state.
// Begin input common focus and blur for value.
$('input:text,input:password,textarea').focus(function(){
if(this.value==this.defaultValue){
this.value='';
}
})
$('input:text,input:password,textarea').blur(function(){
if(!this.value){this.value=this.defaultValue;}
if(this.value==this.defaultValue){
@DevShahidul
DevShahidul / Expand Search box with click submit btn function.html
Created June 6, 2017 09:10
<style>
/* Search box style */
.search-wrap{position: absolute; right: 0; top: 15px; z-index: 1;}
.search-wrap.search-box-expanded{z-index: 3;}
.search-form-warp{float: left; width: 100%; position: relative;}
.expand-btn{position: absolute; right: 0; width: 35px; height: 35px; background: transparent; z-index: 5; cursor: pointer;}
.value-added .expand-btn{z-index: 2;}
.input-field{position: absolute; top: 0; right: 45px; width: 200px; height: 35px; z-index: 5; overflow: hidden;}
.search-wrap input[type="text"]{float: left; border: 1px solid #dfded8; color: #dfded8; padding: 0 10px; display: block; position: absolute; top: 0; right: -200px; width: 200px; height: 35px; margin: 0; padding: 0 10px; font-size: 18px; -webkit-backface-visibility: none; -moz-backface-visibility: none; -ms-backface-visibility: none; backface-visibility: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: r
@DevShahidul
DevShahidul / FlexSlider.html
Created June 14, 2017 12:23
<!DOCTYPE html>
<html>
<head>
<title>FlexSlider</title>
<style type="text/css">
/*
File name ===>> flexslider.css
@DevShahidul
DevShahidul / Textarea Auto expand script.js
Created June 23, 2017 09:23
if($('#long-answer-box').length){
var textarea = document.querySelector('textarea');
textarea.addEventListener('keydown', autosize);
function autosize(){
var el = this;
setTimeout(function(){
el.style.cssText = 'height:auto; padding:0';
@DevShahidul
DevShahidul / Animate scroll body html function.js
Created July 6, 2017 09:47
$('html, body').stop(true, true).animate({
scrollTop: $('#cape-colonial').offset().top - 54
}, 1500, 'easeInOutCubic' );