php code: functions.php
<?php add_filter('embed_oembed_html', 'add_social_share_buttons', 10, 3); function add_social_share_buttons($data, $url, $args = array()) { $app_id = '408929209210377'; $thanks_id = al_get_page_by_template('page-thank-you.php'); global $post; if (has_post_thumbnail( $post->ID ) ){ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail' ); } ob_start(); ?> <div class="share_vid_buttons"> <div class="share" id="shareTop"> <a data-type="facebook" href="https://www.facebook.com/dialog/feed?app_id=<?php echo $app_id; ?>&name=<?php echo get_the_title($post->ID); ?>&display=popup&link=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&picture='.$image[0];} ?>&redirect_uri=<?php echo get_permalink($thanks_id); ?>" class="btn btn-share facebook_button" target="_blank" title="Share on Facebook"> <span class="textNode icon"><span class="hidden-phone">Share On</span>Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=<?php echo get_the_title($post->ID); ?>&url=<?php echo get_permalink($post->ID); ?>" class="btn btn-share twitter_button" target="_blank" title="Share on Twitter"> <span class="textNode icon">Twitter</span> </a> <a class="pin_it_btn" href="//www.pinterest.com/pin/create/button/?url=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&media='.$image[0];} ?>&description=<?php echo get_the_title($post->ID); ?>" target="_blank" ><i class="fa fa-pinterest"></i> Pin It</a> </div> <div class="vid_cont_social"> <ul class="share hidden-phone" id="shareOverlay"> <li class="facebook"> <a href="https://www.facebook.com/dialog/feed?app_id=<?php echo $app_id; ?>&name=<?php echo get_the_title($post->ID); ?>&display=popup&link=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&picture='.$image[0];} ?>&redirect_uri=<?php echo get_permalink($post->ID); ?>" class="btn btn-share facebook_button" target="_blank" title="Share on Facebook">Facebook</a> </li> <li class="twitter"> <a class="btn btn-share twitter_button" href="https://twitter.com/intent/tweet?text=<?php echo get_the_title($post->ID); ?>&url=<?php echo get_permalink($post->ID); ?>" class="btn btn-share twitter_button" target="_blank" title="Share on Twitter">Twitter</a> </li> </ul> <?php echo wp_oembed_get( $url, $args ); ?> </div> <div id="shareRowBottom"> <a href="https://www.facebook.com/dialog/feed?app_id=<?php echo $app_id; ?>&name=<?php echo get_the_title($post->ID); ?>&display=popup&link=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&picture='.$image[0];} ?>&redirect_uri=<?php echo get_permalink($thanks_id); ?>" target="_blank" class="btn btn-share facebook_button" title="Share on Facebook"> <span class="textNode icon"><span class="preface">Share on</span> Facebook</span> </a> <a class="btn btn-share twitter_button" href="https://twitter.com/intent/tweet?text=<?php echo get_the_title($post->ID); ?>&url=<?php echo get_permalink($post->ID); ?>" class="btn btn-share twitter_button" target="_blank" title="Share on Twitter"> <span class="textNode icon"><span class="preface">Share on</span> Twitter</span> </a> </div> <!-- modal content --> <div id="basic-modal-content"> <div class="content"> <div class="postShareSocial" style="text-align:center;"> <h3>Want More Stuff Like This?</h3> <div class="message facebook"> <p>Help us strengthen our country by spreading our culture far and wide.</p> <p>Like us on Facebook to add daily Awesomeness to your feed.</p> <p> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FBahamianTube&width&layout=button_count&action=like&show_faces=true&share=false&height=21&appId=408929209210377" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;width: 95px;" allowTransparency="true"></iframe> <a href="https://twitter.com/BahamianTube" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @BahamianTube</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </p> </div> </div> </div><!-- /content --> </div> <!-- preload the images --> <div style='display:none'> <img src='<?php echo dirname( get_bloginfo('stylesheet_url') ) ?>/img/basic/x.png' alt='' /> </div> </div> <?php $out = ob_get_contents(); ob_end_clean(); $output = str_replace(array("rn", "r", "n"), "", $out); return $output; } function theme_name_scripts() { wp_enqueue_style( 'jquery-tabs', dirname( get_bloginfo('stylesheet_url') ) . '/css/jquery-tabs.css'); wp_enqueue_style( 'font-awesome', dirname( get_bloginfo('stylesheet_url') ) . '/css/font-awesome.min.css' ); wp_enqueue_script( 'popupwindow', dirname( get_bloginfo('stylesheet_url') ) . '/js/jquery.popupwindow.js', array( 'jquery' ), '1.0', false); wp_enqueue_script( 'jquery-tabs-js', dirname( get_bloginfo('stylesheet_url') ) . '/js/jquery-tabs.js', array( 'jquery'), '1.0', false); wp_enqueue_script( 'jquery.simplemodal.js', dirname( get_bloginfo('stylesheet_url') ) . '/js/jquery.simplemodal.js', array( 'jquery'), '1.0', false); //wp_enqueue_script( 'pinit', '//assets.pinterest.com/js/pinit.js', array(), '1.0', true); wp_enqueue_script( 'custom-js', dirname( get_bloginfo('stylesheet_url') ) . '/js/custom.js', array( 'jquery', 'popupwindow', 'jquery-tabs-js' ), '1.0', true); } add_action( 'wp_enqueue_scripts', 'theme_name_scripts' ); function share_buttons_above( $atts ){ $app_id = '408929209210377'; $thanks_id = al_get_page_by_template('page-thank-you.php'); global $post; if (has_post_thumbnail( $post->ID ) ){ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail' ); } ob_start(); ?> <div class="share_vid_buttons"> <div class="share" id="shareTop"> <a data-type="facebook" href="https://www.facebook.com/dialog/feed?app_id=<?php echo $app_id; ?>&name=<?php echo get_the_title($post->ID); ?>&display=popup&link=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&picture='.$image[0];} ?>&redirect_uri=<?php echo get_permalink($thanks_id); ?>" class="btn btn-share facebook_button" target="_blank" title="Share on Facebook"> <span class="textNode icon"><span class="hidden-phone">Share On</span>Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=<?php echo get_the_title($post->ID); ?>&url=<?php echo get_permalink($post->ID); ?>" class="btn btn-share twitter_button" target="_blank" title="Share on Twitter"> <span class="textNode icon">Twitter</span> </a> <a class="pin_it_btn" href="//www.pinterest.com/pin/create/button/?url=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&media='.$image[0];} ?>&description=<?php echo get_the_title($post->ID); ?>" target="_blank" ><i class="fa fa-pinterest"></i> Pin It</a> </div> </div> <!-- modal content --> <div id="basic-modal-content"> <div class="content"> <div class="postShareSocial" style="text-align:center;"> <h3>Want More Stuff Like This?</h3> <div class="message facebook"> <p>Help us strengthen our country by spreading our culture far and wide.</p> <p>Like us on Facebook to add daily Awesomeness to your feed.</p> <p> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FBahamianTube&width&layout=button_count&action=like&show_faces=true&share=false&height=21&appId=408929209210377" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;width: 95px;" allowTransparency="true"></iframe> <iframe frameborder="0" scrolling="no" id="twitter-widget-0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1387492107.html#_=1389504017106&id=twitter-widget-0&lang=en&screen_name=BahamianTube&show_count=false&show_screen_name=false&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 60px; height: 20px;"></iframe> </p> </div> </div> </div><!-- /content --> </div> <!-- preload the images --> <div style='display:none'> <img src='<?php echo dirname( get_bloginfo('stylesheet_url') ) ?>/img/basic/x.png' alt='' /> </div> <?php $out = ob_get_contents(); ob_end_clean(); $output = str_replace(array("rn", "r", "n"), "", $out); return $output; } add_shortcode( 'share_buttons_above', 'share_buttons_above' ); function share_buttons_below( $atts ){ $app_id = '408929209210377'; $thanks_id = al_get_page_by_template('page-thank-you.php'); global $post; if (has_post_thumbnail( $post->ID ) ){ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail' ); } ob_start(); ?> <div class="share_vid_buttons"> <div id="shareRowBottom"> <a href="https://www.facebook.com/dialog/feed?app_id=<?php echo $app_id; ?>&name=<?php echo get_the_title($post->ID); ?>&display=popup&link=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&picture='.$image[0];} ?>&redirect_uri=<?php echo get_permalink($thanks_id); ?>" target="_blank" class="btn btn-share facebook_button" title="Share on Facebook"> <span class="textNode icon"><span class="preface">Share on</span> Facebook</span> </a> <a class="btn btn-share twitter_button" href="https://twitter.com/intent/tweet?text=<?php echo get_the_title($post->ID); ?>&url=<?php echo get_permalink($post->ID); ?>" class="btn btn-share twitter_button" target="_blank" title="Share on Twitter"> <span class="textNode icon"><span class="preface">Share on</span> Twitter</span> </a> </div> </div> <?php $out = ob_get_contents(); ob_end_clean(); $output = str_replace(array("rn", "r", "n"), "", $out); return $output; } add_shortcode( 'share_buttons_below', 'share_buttons_below' ); function share_buttons_over_video( $atts, $content = null ) { $app_id = '408929209210377'; $thanks_id = al_get_page_by_template('page-thank-you.php'); global $post; if (has_post_thumbnail( $post->ID ) ){ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'thumbnail' ); } ob_start(); ?> <div class="share_vid_buttons"> <div class="vid_cont_social"> <ul class="share hidden-phone" id="shareOverlay"> <li class="facebook"> <a href="https://www.facebook.com/dialog/feed?app_id=<?php echo $app_id; ?>&name=<?php echo get_the_title($post->ID); ?>&display=popup&link=<?php echo get_permalink($post->ID); ?><?php if($image){echo '&picture='.$image[0];} ?>&redirect_uri=<?php echo get_permalink($thanks_id); ?>" class="btn btn-share facebook_button" target="_blank" title="Share on Facebook">Facebook</a> </li> <li class="twitter"> <a class="btn btn-share twitter_button" href="https://twitter.com/intent/tweet?text=<?php echo get_the_title($post->ID); ?>&url=<?php echo get_permalink($post->ID); ?>" class="btn btn-share twitter_button" target="_blank" title="Share on Twitter">Twitter</a> </li> </ul> <?php echo wp_oembed_get( $content, $args = array() ); ?> </div> </div> <?php $out = ob_get_contents(); ob_end_clean(); /*array("rn", "r", "n")*/ $output = str_replace(array("rn", "r", "n"), "", $out); return $output; } add_shortcode( 'share_buttons_over_video', 'share_buttons_over_video' ); function wpb_set_post_views($postID) { $count_key = 'wpb_post_views_count'; $count = get_post_meta($postID, $count_key, true); if($count==''){ $count = 0; delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, '0'); }else{ $count++; update_post_meta($postID, $count_key, $count); } } //To keep the count accurate, lets get rid of prefetching remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0); function wpb_track_post_views ($post_id) { if ( !is_single() ) return; if ( empty ( $post_id) ) { global $post; $post_id = $post->ID; } wpb_set_post_views($post_id); } add_action( 'wp_head', 'wpb_track_post_views'); function wpb_get_post_views($postID){ $count_key = 'wpb_post_views_count'; $count = get_post_meta($postID, $count_key, true); if($count==''){ delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, '0'); return "0 View"; } return $count.' Views'; } add_image_size( 'featured-thumb', 75, 50, true ); function al_get_page_by_template($template_name) { $pages = get_posts(array( 'post_type' => 'page', 'meta_key' => '_wp_page_template', 'meta_value' => $template_name )); $pagepid = $pages[0]->ID; return $pagepid; }
css style code: style.css
/* share button css */ .share_vid_buttons #shareTop { list-style: none; padding: 0; position: relative; z-index: 4; margin: 0; *zoom: 1; } .share_vid_buttons #shareTop:before, .share_vid_buttons #shareTop:after { display: table; content: ""; line-height: 0; } .share_vid_buttons #shareTop:after { clear: both; } .share_vid_buttons #shareTop a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 9px 18px; margin-right: 2px; line-height: 15px; } .share_vid_buttons #shareTop a .textNode { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; vertical-align: middle; line-height: 1em; height: 1em; } .share_vid_buttons #shareTop a.facebook_button .icon:before { content: 'f09a'; color: #fff; font-size: 1.2em; padding: 0; line-height: 1em; vertical-align: middle; position: relative; top: -1px; margin-right: 6px; margin-left: -5px; padding-top: 0; margin-right: 8px; } .share_vid_buttons #shareTop a.twitter_button .icon:before { content: 'f099'; color: #fff; font-size: 1.2em; padding: 0; line-height: 1em; vertical-align: middle; position: relative; top: -1px; margin-right: 6px; margin-left: -5px; padding-top: 0; } .share_vid_buttons a.facebook_button { border-color: #37538d #37538d #213256; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #ffffff; text-shadow: 0 0px 1px #283d68; background-color: #3e5ea1; background-image: -moz-linear-gradient(top, #4466ae, #37538d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4466ae), to(#37538d)); background-image: -webkit-linear-gradient(top, #4466ae, #37538d); background-image: -o-linear-gradient(top, #4466ae, #37538d); background-image: linear-gradient(to bottom, #4466ae, #37538d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4466ae', endColorstr='#ff37538d', GradientType=0); border-color: #283d68; *background-color: #37538d; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-color: #37538d; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2); box-shadow: inset 0px 1px 1px rgba(255,255,255,.2); } .share_vid_buttons a.facebook_button:hover, .share_vid_buttons a.facebook_button:focus, .share_vid_buttons a.facebook_button:active, .share_vid_buttons a.facebook_button.active, .share_vid_buttons a.facebook_button.disabled, .share_vid_buttons a.facebook_button[disabled] { color: #ffffff; background-color: #37538d; *background-color: #30487b; } .share_vid_buttons a.facebook_button:active, .share_vid_buttons a.facebook_button.active { background-color: #283d68 9; } .share_vid_buttons a.facebook_button:hover, .share_vid_buttons a.facebook_button:focus { -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3); box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3); border-color: #30487b; text-shadow: 0px 1px 1px #213256; } .share_vid_buttons a.facebook_button:active { border-color: #2d4373; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); box-shadow: inset 0 2px 4px rgba(0,0,0,.15); } .share_vid_buttons a.twitter_button { border-color: #00a6d4 #00a6d4 #006a87; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #ffffff; text-shadow: 0 0px 1px #007ea1; background-color: #01bbee; background-image: -moz-linear-gradient(top, #02c9ff, #00a6d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#02c9ff), to(#00a6d4)); background-image: -webkit-linear-gradient(top, #02c9ff, #00a6d4); background-image: -o-linear-gradient(top, #02c9ff, #00a6d4); background-image: linear-gradient(to bottom, #02c9ff, #00a6d4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02c9ff', endColorstr='#ff00a6d4', GradientType=0); border-color: #007ea1; *background-color: #00a6d4; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-color: #00a6d4; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2); -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.2); box-shadow: inset 0px 1px 1px rgba(255,255,255,.2); } .share_vid_buttons a.twitter_button:hover, .share_vid_buttons a.twitter_button:focus, .share_vid_buttons a.twitter_button:active, .share_vid_buttons a.twitter_button.active, .share_vid_buttons a.twitter_button.disabled, .share_vid_buttons a.twitter_button[disabled] { color: #ffffff; background-color: #00a6d4; *background-color: #0092ba; } .share_vid_buttons a.twitter_button:active, .share_vid_buttons a.twitter_button.active { background-color: #007ea1 9; } .share_vid_buttons a.twitter_button:hover, .share_vid_buttons a.twitter_button:focus { -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3); box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(5,15,30,.3); border-color: #0092ba; text-shadow: 0px 1px 1px #006a87; } .share_vid_buttons a.twitter_button:active { border-color: #008ab0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); box-shadow: inset 0 2px 4px rgba(0,0,0,.15); } .share_vid_buttons .icon:before, .share_vid_buttons .icon:after { font-family: 'FontAwesome' !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; font-weight: normal !important; text-align: center; text-transform: none; font-weight: normal; vertical-align: middle; } .share_vid_buttons .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 16px; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #cccccc; *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .share_vid_buttons .btn:hover, .share_vid_buttons .btn:focus, .share_vid_buttons .btn:active, .share_vid_buttons .btn.active, .share_vid_buttons .btn.disabled,.btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .share_vid_buttons .btn:active, .share_vid_buttons .btn.active { background-color: #cccccc 9; } .share_vid_buttons .btn:first-child { *margin-left: 0; } .share_vid_buttons .btn:hover,.btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .share_vid_buttons .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .share_vid_buttons .btn.active, .share_vid_buttons .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .share_vid_buttons .btn.disabled, .share_vid_buttons .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .share_vid_buttons a.btn-share { cursor: pointer; font-weight: normal; } .share_vid_buttons #shareRowBottom { text-align: center; position: relative; padding: 0 0 1em; *zoom: 1; } .share_vid_buttons #shareRowBottom:before, .share_vid_buttons #shareRowBottom:after { display: table; content: ""; line-height: 0; } .share_vid_buttons #shareRowBottom:after { clear: both; } .share_vid_buttons #shareRowBottom h3 { font-size: 1.5em; line-height: 1.2em; margin-top: 20px; margin-bottom: 10px; font-weight: normal; color: #333333; } .share_vid_buttons #shareRowBottom a.btn-share { width: 49.65%; float: left; padding: 9px; } .share_vid_buttons #shareRowBottom a.btn-share.twitter_button { float: right; } .share_vid_buttons #shareRowBottom a.btn-share.twitter_button .icon:before { content: 'f099'; color: #fff; font-size: 1.2em; padding: 0; line-height: 1em; vertical-align: middle; position: relative; top: -1px; margin-right: 6px; margin-left: -5px; padding-top: 0; } .share_vid_buttons #shareRowBottom a.btn-share.facebook_button .icon:before { content: 'f09a'; color: #fff; font-size: 1.2em; padding: 0; line-height: 1em; vertical-align: middle; position: relative; top: -1px; margin-right: 6px; margin-left: -5px; padding-top: 0; } .share_vid_buttons #shareRowBottom a.btn-share .textNode { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .share_vid_buttons #shareRowBottom *, .share_vid_buttons #shareRowBottom *:before, .share_vid_buttons #shareRowBottom *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share_vid_buttons .vid_cont_social { position: relative; z-index: 1; padding-top: 10px; } .vid_cont_social #shareOverlay+p { margin-top: 0; } .share_vid_buttons #shareOverlay { list-style: none; margin: 0; padding: 0; position: absolute; margin-left: -13px; margin-top: 1em; top: 7.5em; z-index: 500; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .4s, top .25s; -moz-transition: opacity .4s, top .25s; -o-transition: opacity .4s, top .25s; transition: opacity .4s, top .25s; } .share_vid_buttons #shareOverlay.visible { opacity: 1; filter: alpha(opacity=100); } .share_vid_buttons #shareOverlay li { margin-bottom: -1px; } .share_vid_buttons #shareOverlay li a { text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-box-shadow: 3px 3px 4px rgba(58, 45, 30, 0.7); -moz-box-shadow: 3px 3px 4px rgba(58, 45, 30, 0.7); box-shadow: 3px 3px 4px rgba(58, 45, 30, 0.7); } .share_vid_buttons #shareOverlay li.email img { display: none; } .share_vid_buttons #shareOverlay:after { content: ' '; width: 12px; height: 30px; background: #ffffff url(img/share.png) no-repeat right top; display: block; position: absolute; left: 0; bottom: -31px; } .share_vid_buttons ul.share li { vertical-align: middle; margin: 0; padding: 0; display: block; } .share_vid_buttons ul.share li a { font-size: 1em; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 13px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; } .widget_two_tabs { padding: 0; } .widget_two_tabs .tabs { border: 0 none; height: 50px; } .widget_two_tabs .tabs li { border-radius: 0; font-family: 'Oswald',sans-serif; font-size: 20px; height: 50px; line-height: 50px; margin: 0; width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 0 none; } .widget_two_tabs .tabs_active { background: none repeat scroll 0 0 #7DDBF5; } .widget_two_tabs div.tabs_active { background: none repeat scroll 0 0 #F5F4F7; } .widget_two_tabs div.tabs-panes a:hover, .widget_two_tabs div.tabs-panes a.current { background: none repeat scroll 0 0 #D0EBF6; color: #7F7E80; } .widget_two_tabs .tabs-panes { padding: 0; } .widget_two_tabs .featured_thumb { float: left; margin-right: 15px; } .widget_two_tabs a { display: block; overflow: hidden; padding: 15px; } .widget_two_tabs ul li { margin: 0; } a.pin_it_btn { cursor: pointer; display: inline-block; text-align: center; font-family: "Helvetica Neue", Helvetica, sans-serif; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.33); font-size: 18px; border: 1px solid #980b0e; border-radius: 3px; padding: 0 18px; background: -moz-linear-gradient(top, #FF0303 0%, #D40000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF0303), color-stop(100%, #D40000)); background: -webkit-linear-gradient(top, #FF0303 0%, #D40000 100%); background: -o-linear-gradient(top, #FF0303 0%, #D40000 100%); background: -ms-linear-gradient(top, #FF0303 0%, #D40000 100%); background: linear-gradient(to bottom, #FF0303 0%, #D40000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0303', endColorstr='#D40000',GradientType=0 ); color: #fff; } a.pin_it_btn:hover { box-shadow: 0 1px 3px #aaaaaa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: -moz-linear-gradient(top, #de4348 0%, #D40000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de4348), color-stop(100%, #D40000)); background: -webkit-linear-gradient(top, #de4348 0%, #D40000 100%); background: -o-linear-gradient(top, #de4348 0%, #D40000 100%); background: -ms-linear-gradient(top, #de4348 0%, #D40000 100%); background: linear-gradient(to bottom, #de4348 0%, #D40000 100%); color: #fff; } a.pin_it_btn:active { box-shadow: 0 1px 3px #aaaaaa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: -moz-linear-gradient(top, #961519 0%, #D40000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #961519), color-stop(100%, #D40000)); background: -webkit-linear-gradient(top, #961519 0%, #D40000 100%); background: -o-linear-gradient(top, #961519 0%, #D40000 100%); background: -ms-linear-gradient(top, #961519 0%, #D40000 100%); background: linear-gradient(to bottom, #961519 0%, #D40000 100%); color: #fff; } /* * SimpleModal Basic Modal Dialog * http://simplemodal.com * * Copyright (c) 2013 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php */ #basic-modal-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#000;} /* Container */ #simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#4CC6F4; border:4px solid #444; padding:12px;} #simplemodal-container { color: #000000; } #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 { color: #EFF15B; font-weight: bold; margin-bottom: 20px; } .message.facebook { background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px; padding: 15px; } #navigation {background: rgba(76, 198, 244, 0.8); z-index:9999; width:100%; top:0; position:fixed;} #footer-widget-area-top .wysija-paragraph { display: inline-block; margin: 10px; width: 39%; } #footer-widget-area-top .wysija-paragraph input { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 4px solid #0196A6; color: #000000; height: 40px; padding: 4px 8px; width: 100%; } #footer-widget-area-top .widget_wysija_cont .wysija-submit { background: none repeat scroll 0 0 #2298A6; display: inline-block; } #footer-widget-area-top { background: none repeat scroll 0 0 #22CEE0; overflow: hidden; padding-bottom: 20px; padding-top: 10px; text-align: center; } #footer-widget-area-top h3 span { color: #006873; font-size: 0.7em; font-weight: normal; margin-left: 12px; } #footerwidgets .newsletter { background: none repeat scroll 0 0 #22CEE0; }
thank you page to close facebook share window:
<?php /* Template Name: close window */ ?> <script type='text/javascript'> window.open('','_self',''); window.close(); // if the window did not close (e.g. in Facebook's IOS native browser) then redirect to homepage window.location = '<?php echo get_home_url(); ?>'; </script>"
javascript code for buttons: custom.js
jQuery(function() { jQuery('a.facebook_button, a.twitter_button, a.pin_it_btn').live('click', function(event) { event.preventDefault(); var link = jQuery(this).attr('href'); var link_index = jQuery(this).data('type'); jQuery.popupWindow(link, { onUnload: function() { // callback when window closes jQuery('#basic-modal-content').modal(); } }); }); }); jQuery(document).ready(function(){ jQuery( ".vid_cont_social" ).hover( function() { jQuery('#shareOverlay').addClass('visible'); }, function() { jQuery('#shareOverlay').removeClass('visible'); } ); jQuery('.tab_widget').tabs({panes_wrap: '.tab_widget_panes'}); });
str_replace(array(“rn”, “r”, “n”), “”, $out) to remove all new lines.