Skip to main content

Get Google Calendar Event List in WordPress

<a href="https://console.cloud.google.com/apis/credentials">Get Your Api Credentials Here</a> <a href="https://calendar.google.com/calendar">Get your Calender ID</a> <?php include_once("wp-load.php"); function  get_calender_events() { $params = array(); /*Get current date*/ $current_date  = date('Y-m-d H:i:s'); /*Convert it to google calendar's rfc_format */ $rfc_format = date("c", strtotime($current_date)); $params[] = 'orderBy=startTime'; $params[] ='maxResults=100'; $params[] = 'timeMin='.urlencode($rfc_format); $url_param = ''; foreach($params as $param) { $url_param.= '&'.$param; } $calender_id = "calender_id"; $client_key =  "client_key"; $url = "https://www.googleapis.com/calendar/v3/calendars/".$calender_id."/events?key=".$client_key."&singleEvents=true".$url_param; $list_events = wp_remote_post($url, ...
Post a Comment

Flipper Card Image

<head>
    <meta charset="UTF-8" />
    <title>Simple Card Flipper</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script>
        function doesCSS(p){
            var s = ( document.body || document.documentElement).style;
            return !!$.grep(['','-moz-', '-webkit-'],function(v){
                return  typeof s[v+p] === 'string'
            }).length
        }
        $('html')
            .toggleClass('transform',doesCSS('transform'))
            .toggleClass('no-transform',!doesCSS('transform'))
        $(function(){
            $('.flipper.manual').click(function(){
                //alert('ok')
                $(this).toggleClass('flipped')
            })
            $('.flipper.jQHover').hover(function(){
                $(this).toggleClass('flipped')
            })
            $('.flipper.mouseDown').on('mousedown mouseup mouseleave',function(e){
               
                $(this).toggleClass( "flipped", e.type === "mousedown" );
            })
        })
    </script>
    <style>
        .flipper { position: relative; cursor:pointer; }
        .transform .flipper>*{
            -webkit-transition: 1s ease-in-out;
            -moz-transition: 1s ease-in-out;
            transition: 1s ease-in-out;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        .flipper>*
        {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .no-transform .flipper>.back{ display:inline}
        .no-transform .flipper>.face{ display:none}
        .no-transform .flipper.flipped>.back,.no-transform .flipper.hover:hover>.back{ display:none}
        .no-transform .flipper.flipped>.face,.no-transform .flipper.hover:hover>.face{ display:inline}
        .transform .flipper>.back
        {
            -moz-transform: perspective(800px) rotateY(0);
            -webkit-transform: perspective(800px) rotateY(0);
            transform: perspective(800px) rotateY(0);
        }
        .transform .flipper>.face
        {
            -moz-transform: perspective(800px) rotateY(-180deg);
            -webkit-transform: perspective(800px) rotateY(-180deg);
            transform: perspective(800px) rotateY(-180deg);
        }
        .transform .flipper.hover:hover>.back,
        .transform .flipper.flipped>.back
        {
            -moz-transform: perspective(800px) rotateY(180deg);
            -webkit-transform: perspective(800px) rotateY(180deg);
            transform: perspective(800px) rotateY(180deg);
        }
        .transform .flipper.hover:hover>.face,
        .transform .flipper.flipped>.face
        {
            -moz-transform: perspective(800px) rotateY(0deg);
            -webkit-transform: perspective(800px) rotateY(0deg);
            transform: perspective(800px) rotateY(0deg);
        }
   
        .flipper.card
        {
            width: 130px;
            height: 181px;
            display: inline-block;
        }
        .flipper.card>* {
            background-image: url(card-deck-01.jpg);
            border-radius:10px;
        }
        .flipper.card>.back { background-position: -1795.29px -413px; }
        .flipper.card>.face { background-position: -339px -413px; }
        .flipper.text{
            width: 400px;
            height: 100px;
        }
        .flipper.text>*
        {
            -webkit-transition: 1s .5s ease;
            -moz-transition: 1s .5s ease;
            transition: 1s .5s ease;
            color: white;
            background: black;
            border-radius:10px;
        }
    .love{
        display: inline-block;
        width: 260px;
        height: 340px;
    }
    .love >div
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: yellow;
        padding: 40%;
        border-radius: 45px;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        -ms-border-radius: 45px;
        -o-border-radius: 45px;
        box-shadow: 0px 0px 8px 0px #000000;
        -webkit-box-shadow: 0px 0px 8px 0px #000000;
        -moz-box-shadow: 0px 0px 8px 0px #000000;
        -ms-box-shadow: 0px 0px 8px 0px #000000;
        -o-box-shadow: 0px 0px 8px 0px #000000;
    }
    .love .face {
       
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F78E38', endColorstr='#F7AB38', GradientType=0);
    }
    .love .back {
       
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#229494', endColorstr='#227F94', GradientType=0);
    }
    </style>
</head>
<body>
   
    <h2>Manual Flipper</h2>
   
    <div class="love flipper manual">
        <div class="face">
            <img src="33.jpg" width="100px"  height="100px"/>
            some text there
        </div>
        <div class="back">
            <img src="chat_icon.png" width="100px"  height="100px"/>
            some text here
        </div>
    </div>
   
</body>

Comments

Post a Comment

Popular posts from this blog

Create Signature pad with save on database in php

Create Signature pad with save on database in php 1.create a folder images index.php ============   <!DOCTYPE >     <head>     <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />     <title>Signature Pad</title>     <script type="text/javascript" src="jquery-1.8.0.min.js"></script>     <script type="text/javascript"> $(document).ready(function () {     /** Set Canvas Size **/     var canvasWidth = 400;     var canvasHeight = 100;     /** IE SUPPORT **/     var canvasDiv = document.getElementById('signaturePad');     canvas = document.createElement('canvas');     canvas.setAttribute('width', canvasWidth);     canvas.setAttribute('height', canvasHeight);     canvas.setAttribute('id', 'canvas');     canvasDiv.appendChild(canvas);    ...
28 comments
Read more

Get Google Calendar Event List in WordPress

<a href="https://console.cloud.google.com/apis/credentials">Get Your Api Credentials Here</a> <a href="https://calendar.google.com/calendar">Get your Calender ID</a> <?php include_once("wp-load.php"); function  get_calender_events() { $params = array(); /*Get current date*/ $current_date  = date('Y-m-d H:i:s'); /*Convert it to google calendar's rfc_format */ $rfc_format = date("c", strtotime($current_date)); $params[] = 'orderBy=startTime'; $params[] ='maxResults=100'; $params[] = 'timeMin='.urlencode($rfc_format); $url_param = ''; foreach($params as $param) { $url_param.= '&'.$param; } $calender_id = "calender_id"; $client_key =  "client_key"; $url = "https://www.googleapis.com/calendar/v3/calendars/".$calender_id."/events?key=".$client_key."&singleEvents=true".$url_param; $list_events = wp_remote_post($url, ...
Post a Comment
Read more

WooCommerce Mini cart With Ajax

WooCommerce Mini cart //MINI CART SECTION   <div class="productdiv rightcart">                                                         <?php if ( ! WC()->cart->is_empty() ) : ?>     <ul class="woocommerce-mini-cart cart_list product_list_widget <?php echo esc_attr( $args['list_class'] ); ?>">         <?php             do_action( 'woocommerce_before_mini_cart_contents' );             foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {                 $_product     = apply_filters( 'woocommerce_cart_item_pro...
Post a Comment
Read more