vijay

May 09, 2016

Responsive Media

@media screen and (max-width:1240px) and (min-width:1024px){ }

@media screen and (max-width:1023px) and (min-width:767px){}

@media screen and (max-width:766px) and (min-width:651px){}

@media screen and (max-width:650px) and (min-width:351px){}

@media screen and (max-width: 350px){}

HTML to Include

<?php include 'include/head.php'; ?>

Wordpress

Executable PHP widget -----------------> Plugin
Black Studio TinyMCE Widget

Widget Context ------------------------> Plugin

PS Disable Auto Formatting -------------> </br><p>

Slick Sitemap -------------- > menu

Modernizr for WordPress -------------- > boder

Hide Title -------------------------- > Hide Title

Remove Widget Titles ---------------->"!" Remove Titles

Google Language Translator ---------------- >Google Language

Easy Social Icons ------------------------ > Social

Upcoming Events Lists ------------------ > Events

WP Blog and Widget --------------------> Blog

Carousel Horizontal Posts Content Slider - Posts

WP Photo Album Plus -----------------> images And Zoom images
TouchCarousel

grid Products

WordPress Thumbnail Slider

NextGEN Gallery --------------------> images And Zoom images

Slideshow Gallery --------------------> images And Zoom images

WP Image Carousel -------------------->

PrettyPhoto Zoom ----------- >zoom Done

Weptile Image Slider Widget, Cyclone Slider -----------> banner
super responsive slider

rev slider ----------------------------> banner

WP flash img show -images ------------> banner

WP UI - Tabs, Accordions, Sliders. ------------------------> Faq Plugin

widget shortcode ---------------------- widget

<img src="/images/<? the_ID();?>.jpg" alt="" /> -------- > all pages banner

Cudazi Scroll to Top ------------------------- > top

functions.php ---------------> widget cod

WordPress Widget Function And Code

register_sidebar( array(
'name' => __( 'testimonial', 'twentyseventeen' ),
'id' => 'testimonialpart',
'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => '</section>',
'before_title' => '<h2 class="title">',
'after_title' => '</h2>',
) );

<div class="testimonial spacepadding">
<div class="panel-content">
<div class="wrap">
<?php if ( is_active_sidebar( 'testimonialpart' ) ) : ?>
<?php dynamic_sidebar( 'testimonialpart' ); ?>

<?php endif; ?>
</div>
</div>
</div>

< ------------------------------------------------------------------------------------------------------->

header.php ---------------> widget cod

<?php if ( is_active_sidebar( 'bannerbottem_content' ) ) : ?>
<div id="second" class="widget-area" role="complementary">
<?php dynamic_sidebar( 'bannerbottem_content' ); ?>
</div>
<?php endif; ?>

<--------------------------------- Next To Back ------------------------------->

<?php
$pagelist = get_pages('sort_column=menu_order&sort_order=asc');
$pages = array();
foreach ($pagelist as $page) {
   $pages[] += $page->ID;
}

$current = array_search(get_the_ID(), $pages);
$prevID = $pages[$current-1];
$nextID = $pages[$current+1];
?>

<div class="navigation">
<?php if (!empty($prevID)) { ?>
<div class="alignleft">
<a href="<?php echo get_permalink($prevID); ?>"
title="<?php echo get_the_title($prevID); ?>"><?php echo get_the_title($prevID); ?></a>
</div>
<?php }
if (!empty($nextID)) { ?>
<div class="alignright">
<a href="<?php echo get_permalink($nextID); ?>"
title="<?php echo get_the_title($nextID); ?>"><?php echo get_the_title($nextID); ?></a>
</div>
<?php } ?>

<div class="breadcrumbs">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

<--------------------------------- Next To Back ------------------------------->

Show Menu Shortcode ----------------> Plugin

[show-menu menu="new-menu"] ----------- >pages code

< ----------------- functions.php - code -------------------->

function print_menu_shortcode($atts, $content = null) {
extract(shortcode_atts(array( 'name' => null, ), $atts));
return wp_nav_menu( array( 'menu' => $name, 'echo' => false ) );
}
add_shortcode('menu', 'print_menu_shortcode');

< ----------------- functions.php - code -------------------->

Header Fix

Foregate Password

<script type="text/javascript" src="popbox.js"></script>

.popbox {
 margin: 0px auto;
 text-align: center;
 position: relative;
}
.collapse {
 position: relative;
}
.box {
 display: block;
 display: none;
 background: #FFF;
 border: solid 1px #BBBBBB;
 border-radius: 5px;
 box-shadow: 0px 0px 10px #999;
 position: absolute;
 z-index: 9;
 left: -150px!important;
 top: 15px !important;
}
.box a.close {
 color: #ff7200;
 float: left;
 padding: 0 !important;
 position: absolute;
 right: 10px;
 text-decoration: none;
 top: 5px;
 font-size: 13px;
}
.arrow {
 width: 0;
 height: 0;
 border-left: 16px solid transparent;
 border-right: 16px solid transparent;
 border-bottom: 16px solid #FFF;
 position: absolute;
 left: 310px!important;
 top: -15px;
 z-index: 1001;
}
.arrow-border {
 width: 0;
 height: 0;
 border-left: 16px solid transparent;
 border-right: 16px solid transparent;
 border-bottom: 16px solid #bbb;
 position: absolute;
 top: -15px;
 z-index: 1000;
 left: 310px !important;
}
.open {
 background: #cc33cc;
 color: #fff;
 display: inline-block;
 margin: 30px 0 0;
 padding: 10px;
 text-decoration: none;
}
.emailAddress02 {
 float: right;
}
.butten.sign {
 float: left;
 padding: 0 0 10px 0;
}

/*------------------------------------------------------------------------------------------------*/

Bootstrap menu not click function

$('ul.nav li.dropdown').hover(function() {

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);

}, function() {

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);

});

</script>

/*------------------------------------------------------------------------------------------------*/

Video Play and stop function

</video>

</div>

.video-main .video-item video { top: 0px; left: 0; position: absolute; right: 0; top: 0; }

.video-main #polina { margin: 70px 0 20px 0; position: relative; width: 100%; }

.video-main #polina button.video-play-btn { background: rgba(10, 0, 0, 0.5) url("../images/play.png") no-repeat scroll center center; }

.video-main #polina button { border: solid 4px #fff; background: #085dad url("../images/pause.png") no-repeat scroll center center; border-radius: 50%; display: inline-block; height: 70px; outline: medium none; transition: background 0.3s ease 0s; width: 70px; }

.video-item video { height: auto; min-height: 100%; min-width: 100%; transition: opacity 1s ease 0s; width: auto; z-index: 1; }

var jq = jQuery.noConflict();

(function($){

/* VIDEO PLAY BUTTON */

$('#video-btn').click(function(){

$(this).toggleClass('video-play-btn');

});

/* video */

var vid = document.getElementById("bgvid");

var pauseButton = document.querySelector("#polina button");

vid.addEventListener('ended', function()

{

// only functional if "loop" is removed

vid.pause();

// to capture IE10

vidFade();

});

pauseButton.addEventListener("click", function() {

if (vid.paused) {

vid.play();

pauseButton.innerHTML = " ";

} else {

vid.pause();

pauseButton.innerHTML = " ";

}

});

})(jQuery);

</script>

Link popap

http://dinbror.dk/bpopup/

http://www.jqueryscript.net/demo/Responsive-Accessible-jQuery-Modal-Plugin-Popup-Overlay/

Search This Blog