<?php
$useTwitter = true;
$useGoogle = true;
$usePinterest = true;
$useFacebook = true;
$facebookAppID = "374121415990908";
// visit
// https://developers.facebook.com/apps/?action=create
// to get a Facebook AppID
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<?php
if($useFacebook) {
print '<meta property="fb:app_id" content="' . $facebookAppID . '" />';
}
if(isset($_GET["title"])) {
$title = $_GET["title"];
print str_replace("{contentTitle}", $title, '<meta property="og:title" content="{contentTitle}" />');
print str_replace("{contentTitle}", $title, '<meta itemprop="name" content="{contentTitle}" />');
}
if(isset($_GET["poster"])) {
$poster = $_GET["poster"];
print str_replace("{imgPoster}", $poster, '<meta property="og:image" content="{imgPoster}" />');
print str_replace("{imgPoster}", $poster, '<meta itemprop="image" content="{imgPoster}" />');
}
?>
<style type="text/css">
body {
margin: 0;
padding: 0;
overflow: hidden;
}
.container {
float: left;
cursor: pointer;
position: relative;
margin-left: 3px;
}
#twitter, #twitter-mask {
width: 59px;
height: 20px;
overflow: hidden;
background: url(img/lightbox/twitter.png) no-repeat;
}
#google, #google-mask {
width: 32px;
height: 20px;
overflow: hidden;
background: url(img/lightbox/google.png) no-repeat;
}
#pinterest, #pinterest-mask {
width: 43px;
height: 20px;
background: url(img/lightbox/pinterest.png) no-repeat;
}
#facebook-mask, #facebook {
width: 46px;
height: 20px;
margin-left: 0;
overflow: hidden;
background: url(img/lightbox/facebook.png) no-repeat;
}
#facebook-container {
height: 62px;
position: fixed;
top: -42px;
left: 0;
}
#twitter, #google, #pinterest, #facebook {
background: none;
z-index: -1;
}
#twitter-mask,
#google-mask,
#pinterest-mask,
#facebook-mask {
float: none;
display: block;
margin: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
z-index: 9999;
}
a {
outline: none;
}
#preload {
height: 0;
line-height: 0;
overflow: hidden;
}
</style>
<!--[if IE 7]>
<style type="text/css">
#google, #google-mask {display: none}
</style>
<![endif]-->
</head>
<body onLoad="startIt()">
<?php
/* ************************** */
/* BEGIN SOCIAL BUTTON MARKUP */
/* ************************** */
/* FACEBOOK */
$facebook = '<div id="facebook" class="container"><span id="facebook-mask"></span><div id="facebook-container"><div id="fb-root"></div><div class="fb-like" data-href="{urlToShare}" data-send="false" data-layout="box_count" data-show-faces="false" data-font="segoe ui"></div></div></div>';
/* TWITTER */
$twitter = '<div id="twitter" class="container"><span id="twitter-mask"></span><a href="https://twitter.com/share" class="twitter-share-button" data-url="{twitterToShare}" data-count="none" data-text="{twitterTitle}"></a></div></div>';
/* GOOGLE PLUS */
$google = '<div id="google" class="container"><span id="google-mask"></span><div class="g-plusone" data-size="medium" data-annotation="none" data-href="{googleToShare}"></div></div>';
/* PINTEREST */
$pinterest = '<div id="pinterest" class="container"><span id="pinterest-mask"></span><div class="absolute"><a href="http://pinterest.com/pin/create/button/?url={urlToShare}&media={imgPoster}&description={contentTitle}" class="pin-it-button" count-layout="none" target="_blank"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></div></div>';
/* ************************ */
/* END SOCIAL BUTTON MARKUP */
/* ************************ */
////////////////////////////////////
// BEGIN DEV CODE, EDIT WITH CAUTION
////////////////////////////////////
$social = "";
if($useFacebook && isset($facebook)) $social .= $facebook;
if($useGoogle && isset($google)) $social .= $google;
if($usePinterest && isset($pinterest)) $social .= $pinterest;
if($useTwitter && isset($twitter)) $social .= $twitter;
if($social != "") {
if(isset($_GET["url"])) {
$urls = $_GET["url"];
$social = str_replace("{twitterToShare}", $urls, $social);
$social = str_replace("{urlToShare}", urlencode($urls), $social);
$splits = explode("#/", $urls);
if(count($splits) > 1) {
$urls = $splits[0] . "?url=" . $splits[1];
}
$social = str_replace("{googleToShare}", $urls, $social);
}
if(isset($_GET["poster"])) {
$social = str_replace("{imgPoster}", $_GET["poster"], $social);
}
if(isset($_GET["title"])) {
$titls = $_GET["title"];
$social = str_replace("{twitterTitle}", urldecode($titls), $social);
$social = str_replace("{contentTitle}", $titls, $social);
}
print $social;
}
if(!$useTwitter) $useTwitter = "0";
if(!$useGoogle) $useGoogle = "0";
if(!$usePinterest) $usePinterest = "0";
if(!$useFacebook) $useFacebook = "0";
print '<script type="text/javascript">var useTwitter =' . $useTwitter . ', useGoogle=' . $useGoogle . ', usePinterest=' . $usePinterest . ', useFacebook=' . $useFacebook . ';</script>';
?>
<div id="preload">
<img src="img/lightbox/facebook.png" width="46" height="20" alt="" />
<img src="img/lightbox/google.png" width="32" height="20" alt="" />
<img src="//assets.pinterest.com/images/PinExt.png" width="43" height="21" alt="" />
<img src="img/lightbox/twitter.png" width="59" height="20" alt="" />
<img src="img/lightbox/twitter_mac.png" width="56" height="20" alt="" />
<img src="img/lightbox/facebook_mac.png" width="46" height="20" alt="" />
</div>
<script type="text/javascript">
var counter, leg, tMask, fMask, doc, bodies;
function startIt() {
var scripts = [], i, script;
doc = document;
bodies = doc.body;
tMask = doc.getElementById("twitter-mask");
fMask = doc.getElementById("facebook-mask");
if(navigator.appVersion.indexOf("Mac") !== -1) {
if(tMask) tMask.style.background = "url(img/lightbox/twitter_mac.png) no-repeat";
if(fMask) fMask.style.background = "url(img/lightbox/facebook_mac.png) no-repeat";
}
// --------------
// TWITTER SCRIPT
// --------------
if(useTwitter) scripts[0] = "//platform.twitter.com/widgets.js";
// ----------------
// PINTEREST SCRIPT
// ----------------
if(usePinterest) scripts[scripts.length] = "//assets.pinterest.com/js/pinit.js";
// ---------------
// FACEBOOK SCRIPT
// ---------------
if(useFacebook) scripts[scripts.length] = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=148950111858029";
// -------------
// GOOGLE SCRIPT
// -------------
if(useGoogle) scripts[scripts.length] = "https://apis.google.com/js/plusone.js";
i = scripts.length;
leg = i - 1;
counter = 0;
while(i--) {
script = doc.cr
黑色炫酷背景左栏产品展示企业模板-整站 画册 vi 设计 印刷 摄影
版权申诉
198 浏览量
2022-11-09
21:14:50
上传
评论
收藏 6.3MB RAR 举报
黑色炫酷背景左栏产品展示企业模板-整站 画册 vi 设计 印刷 摄影 （385个子文件） 
style.css 61KB galleryjack.css 18KB responsive.css 16KB lightbox.css 12KB niarra-audio.css 10KB slider.css 9KB boilerplate.css 6KB niarra-video.css 5KB
frame_preloader.gif 8KB preloader.gif 7KB preloader.gif 6KB video_preloader.gif 3KB
portfolio_three_column.html 58KB portfolio_four_column.html 54KB gallery_five_column.html 46KB portfolio_two_column.html 44KB blog_feature.html 43KB blog.html 42KB galleryjack.html 41KB gallery_four_column.html 41KB typography.html 37KB index.html 36KB portfolio_one_column.html 35KB gallery_three_column.html 34KB portfolio_feature.html 34KB simple_banner.html 32KB featured_vimeo.html 30KB featured_youtube.html 30KB featured_html5_video.html 30KB contact.html 29KB featured_image.html 29KB gallery_two_column.html 28KB sitemap.html 26KB fullscreen_image.html 9KB niarra_audio.html 3KB niarra_swf.html 2KB niarra_video.html 796B
portfolio_two_column.jpg 383KB home.jpg 342KB portfolio_three_column.jpg 291KB html5_video.jpg 272KB blog_feature.jpg 261KB portfolio_one_column.jpg 257KB gallery_five_column.jpg 248KB portfolio_four_column.jpg 238KB blog.jpg 228KB sitemap.jpg 221KB gallery_four_column.jpg 218KB portfolio_feature.jpg 216KB gallery_two_column.jpg 214KB fullscreen_image.jpg 211KB youtube.jpg 209KB vimeo.jpg 203KB gallery_three_column.jpg 194KB simple_banner.jpg 193KB typography.jpg 191KB image.jpg 174KB contact.jpg 170KB audio.jpg 48KB 1big.jpg 33KB 1big.jpg 33KB 11.jpg 32KB 6.jpg 32KB 18.jpg 31KB 1.jpg 30KB 16.jpg 30KB 2.jpg 29KB 3.jpg 29KB 2.jpg 29KB 21.jpg 29KB 3.jpg 29KB 25.jpg 27KB 1.jpg 27KB 22.jpg 26KB 3.jpg 26KB 3.jpg 26KB 3.jpg 26KB 4.jpg 26KB 1.jpg 25KB 2.jpg 25KB 8.jpg 25KB 4.jpg 25KB 3.jpg 25KB 11.jpg 25KB 3.jpg 24KB 4.jpg 24KB poster.jpg 24KB 3.jpg 24KB 18.jpg 24KB 18.jpg 24KB 23.jpg 24KB 1.jpg 24KB 5.jpg 23KB 5.jpg 23KB 11.jpg 23KB 11.jpg 23KB 1.jpg 23KB 4.jpg 23KB 20.jpg 23KB 16.jpg 22KB共 385 条
- 1
- 2
- 3
- 4
资源评论
