<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, ...
Slider jquery
<div class="home-top">
<link rel="stylesheet" type="text/css" media="all" href="http://www.foppiez.nl/skin/frontend/default/foppiez/unibanner/css/custom.css" />
<script type="text/javascript" src="http://192.168.1.8:8090/gemz/js/marketplace/fancybox/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.foppiez.nl/skin/frontend/default/foppiez/unibanner/js/ajaxtabs.js"></script>
<style type="text/css">
.bannerline{width:640px;}
.slider{width: 645px; height: 325px;; }
.slider .slide-show{width: 645px; height: 325px;; }
.slider .slide-show .slider-images{width: 645px; height: 325px;; }
.slider .tabcontent{width: 640px; height: 320px;;}
.slider .tabcontent img{width: 640px; height: 320px;}
</style>
<div class="slider">
<div class="slide-show" id="slide-images">
<div class="slider-images">
<div id="tab1" class="tabcontent">
<a href="javascript:" title="Banner 1" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1391254491.jpg" style="width: 640px; height: 320px;" alt="Banner 1"/></a>
</div>
<div id="tab2" class="tabcontent">
<a href="javascript:" title="Banner 2" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1392059339.jpg" style="width: 640px; height: 320px;" alt="Banner 2"/></a>
</div>
<div id="tab3" class="tabcontent">
<a href="javascript:" title="Banner 3" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1391255150.jpg" style="width: 640px; height: 320px;" alt="Banner 3"/></a>
</div>
<div id="tab4" class="tabcontent">
<a href="javascript:" title="Banner 4" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1391255416.jpg" style="width: 640px; height: 320px;" alt="Banner 4"/></a>
</div>
</div>
<div class="bannerline"><div id="pettabs" class="indentmenu">
<ul>
<li><a rel="tab1" href="javascript:" class="selected">1</a></li>
<li><a rel="tab2" href="javascript:" class="">2</a></li>
<li><a rel="tab3" href="javascript:" class="">3</a></li>
<li><a rel="tab4" href="javascript:" class="">4</a></li>
</ul>
</div></div>
</div>
</div>
<script type="text/javascript">
var delay = 3000; var mypets=new ddtabcontent("pettabs");
mypets.setpersist(true);
mypets.setselectedClassTarget("link");
mypets.init(delay);
</script>
<script type="text/javascript" src="http://www.foppiez.nl/skin/frontend/default/foppiez/slider/jquery.js"></script>
<div class="pro-block">
<h2 class="title"><span>Ons assortiment</span><span class="heart"></span></h2>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel444').jcarousel({
auto: 1,
scroll:1,
visible: 3,
wrap: 'circular',
wrap: 'both',
itemLoadCallback: {
onBeforeAnimation: function(carousel, state){
var w = 0;
var margin_between_items = 10;
jQuery('#mycarousel444 li').each(function(i, el){
w += parseInt(jQuery(el).width() + margin_between_items);
w += 150;
});
jQuery('#mycarousel444').css('width', w);
}
},
});
});
</script>
<div class=" jcarousel-skin-tango">
<div style="position: relative; display: block;" class="jcarousel-container jcarousel-container-horizontal">
<div style="position: relative;" class="jcarousel-clip jcarousel-clip-horizontal">
<ul style="overflow: hidden; top: 0px; margin: 0px; padding: 0px; left: 0px;" id="mycarousel444" class="img-list jcarousel-list jcarousel-list-horizontal">
<li>
<a href="http://www.foppiez.nl/geboorte-stickers-geboortestickers-geboortesticker-babysticker-muursticker-raamsticker-naamsticker.html"><img src="http://www.foppiez.nl/media/catalog/category/Geboortesticker_nijntje.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/geboorte-stickers-geboortestickers-geboortesticker-babysticker-muursticker-raamsticker-naamsticker.html" class="product-name">GeboorteStickers</a>
</li>
<li>
<a href="http://www.foppiez.nl/naamlabels-naamlabels-naamstickers.html"><img src="http://www.foppiez.nl/media/catalog/category/Naamlabel.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/naamlabels-naamlabels-naamstickers.html" class="product-name">NaamLabels</a>
</li>
<li>
<a href="http://www.foppiez.nl/zwanger-baby-en-kids-met-je-eigen-naam-bedrukt-knuffeldoekje-geborduurd-met-naam-rugzakmet-naam-gymtas-met-naam-mini-reporter-tas-met-naamrugzak-met-naam.html"><img src="http://www.foppiez.nl/media/catalog/category/Gymtas_met_naam_goedkoop.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/zwanger-baby-en-kids-met-je-eigen-naam-bedrukt-knuffeldoekje-geborduurd-met-naam-rugzakmet-naam-gymtas-met-naam-mini-reporter-tas-met-naamrugzak-met-naam.html" class="product-name">Met je eigen Naam</a>
</li>
<li>
<a href="http://www.foppiez.nl/borduren-met-naam.html"><img src="http://www.foppiez.nl/media/catalog/category/Borduren_met_naam_voor_baby_en_kind.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/borduren-met-naam.html" class="product-name">Borduren met Naam</a>
</li>
<li>
<a href="http://www.foppiez.nl/telefoonhoesje-met-foto-broodtrommel-met-naam-ipadhoes.html"><img src="http://www.foppiez.nl/media/catalog/category/Hoesjemaken_telefoonhoesjeontwerpen_4.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/telefoonhoesje-met-foto-broodtrommel-met-naam-ipadhoes.html" class="product-name">Met je eigen Foto</a>
</li>
</ul>
<div disabled="disabled" style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal"></div>
<div style="display: block;" class="jcarousel-next jcarousel-next-horizontal"></div>
</div>
</div>
</div>
</div>
<div class="home-top">
<link rel="stylesheet" type="text/css" media="all" href="http://www.foppiez.nl/skin/frontend/default/foppiez/unibanner/css/custom.css" />
<script type="text/javascript" src="http://192.168.1.8:8090/gemz/js/marketplace/fancybox/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.foppiez.nl/skin/frontend/default/foppiez/unibanner/js/ajaxtabs.js"></script>
<style type="text/css">
.bannerline{width:640px;}
.slider{width: 645px; height: 325px;; }
.slider .slide-show{width: 645px; height: 325px;; }
.slider .slide-show .slider-images{width: 645px; height: 325px;; }
.slider .tabcontent{width: 640px; height: 320px;;}
.slider .tabcontent img{width: 640px; height: 320px;}
</style>
<div class="slider">
<div class="slide-show" id="slide-images">
<div class="slider-images">
<div id="tab1" class="tabcontent">
<a href="javascript:" title="Banner 1" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1391254491.jpg" style="width: 640px; height: 320px;" alt="Banner 1"/></a>
</div>
<div id="tab2" class="tabcontent">
<a href="javascript:" title="Banner 2" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1392059339.jpg" style="width: 640px; height: 320px;" alt="Banner 2"/></a>
</div>
<div id="tab3" class="tabcontent">
<a href="javascript:" title="Banner 3" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1391255150.jpg" style="width: 640px; height: 320px;" alt="Banner 3"/></a>
</div>
<div id="tab4" class="tabcontent">
<a href="javascript:" title="Banner 4" ><img src="http://www.foppiez.nl/media/custom/banners/resize/home_banner/File-1391255416.jpg" style="width: 640px; height: 320px;" alt="Banner 4"/></a>
</div>
</div>
<div class="bannerline"><div id="pettabs" class="indentmenu">
<ul>
<li><a rel="tab1" href="javascript:" class="selected">1</a></li>
<li><a rel="tab2" href="javascript:" class="">2</a></li>
<li><a rel="tab3" href="javascript:" class="">3</a></li>
<li><a rel="tab4" href="javascript:" class="">4</a></li>
</ul>
</div></div>
</div>
</div>
<script type="text/javascript">
var delay = 3000; var mypets=new ddtabcontent("pettabs");
mypets.setpersist(true);
mypets.setselectedClassTarget("link");
mypets.init(delay);
</script>
<script type="text/javascript" src="http://www.foppiez.nl/skin/frontend/default/foppiez/slider/jquery.js"></script>
<div class="pro-block">
<h2 class="title"><span>Ons assortiment</span><span class="heart"></span></h2>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel444').jcarousel({
auto: 1,
scroll:1,
visible: 3,
wrap: 'circular',
wrap: 'both',
itemLoadCallback: {
onBeforeAnimation: function(carousel, state){
var w = 0;
var margin_between_items = 10;
jQuery('#mycarousel444 li').each(function(i, el){
w += parseInt(jQuery(el).width() + margin_between_items);
w += 150;
});
jQuery('#mycarousel444').css('width', w);
}
},
});
});
</script>
<div class=" jcarousel-skin-tango">
<div style="position: relative; display: block;" class="jcarousel-container jcarousel-container-horizontal">
<div style="position: relative;" class="jcarousel-clip jcarousel-clip-horizontal">
<ul style="overflow: hidden; top: 0px; margin: 0px; padding: 0px; left: 0px;" id="mycarousel444" class="img-list jcarousel-list jcarousel-list-horizontal">
<li>
<a href="http://www.foppiez.nl/geboorte-stickers-geboortestickers-geboortesticker-babysticker-muursticker-raamsticker-naamsticker.html"><img src="http://www.foppiez.nl/media/catalog/category/Geboortesticker_nijntje.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/geboorte-stickers-geboortestickers-geboortesticker-babysticker-muursticker-raamsticker-naamsticker.html" class="product-name">GeboorteStickers</a>
</li>
<li>
<a href="http://www.foppiez.nl/naamlabels-naamlabels-naamstickers.html"><img src="http://www.foppiez.nl/media/catalog/category/Naamlabel.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/naamlabels-naamlabels-naamstickers.html" class="product-name">NaamLabels</a>
</li>
<li>
<a href="http://www.foppiez.nl/zwanger-baby-en-kids-met-je-eigen-naam-bedrukt-knuffeldoekje-geborduurd-met-naam-rugzakmet-naam-gymtas-met-naam-mini-reporter-tas-met-naamrugzak-met-naam.html"><img src="http://www.foppiez.nl/media/catalog/category/Gymtas_met_naam_goedkoop.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/zwanger-baby-en-kids-met-je-eigen-naam-bedrukt-knuffeldoekje-geborduurd-met-naam-rugzakmet-naam-gymtas-met-naam-mini-reporter-tas-met-naamrugzak-met-naam.html" class="product-name">Met je eigen Naam</a>
</li>
<li>
<a href="http://www.foppiez.nl/borduren-met-naam.html"><img src="http://www.foppiez.nl/media/catalog/category/Borduren_met_naam_voor_baby_en_kind.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/borduren-met-naam.html" class="product-name">Borduren met Naam</a>
</li>
<li>
<a href="http://www.foppiez.nl/telefoonhoesje-met-foto-broodtrommel-met-naam-ipadhoes.html"><img src="http://www.foppiez.nl/media/catalog/category/Hoesjemaken_telefoonhoesjeontwerpen_4.jpg" width="175px"/></a>
<a href="http://www.foppiez.nl/telefoonhoesje-met-foto-broodtrommel-met-naam-ipadhoes.html" class="product-name">Met je eigen Foto</a>
</li>
</ul>
<div disabled="disabled" style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal"></div>
<div style="display: block;" class="jcarousel-next jcarousel-next-horizontal"></div>
</div>
</div>
</div>
</div>
ReplyDeleteHi to everybody, here everyone is sharing such knowledge, so it’s fastidious to see this site, and I used to visit this blog daily
বলিরেখা দূর করার উপায়