首页 > 教程 > 关键词 > Pinterest最新资讯 > 正文

Pinterest.com界面风格的社交展示web应用:Infinite-social-wall

2012-07-30 12:51 · 稿源:gbin1.com

在线演示

Infinite-Social-Wall是一个基于PHP和Mysql的开源应用,主要用来帮助你使用pinterest.com的界面风格来展示各类社交网站的事件信息。

这个应用通过指定的RSS来抓取社交网站内容,并且拥有Twitter,Reddit,Instagram,Github等的内建样式和图表。

使用免费的mysql服务器作为存储的后台,这样就不需要每次都解析feeds。前台使用Isotope插件来生成动态布局,并且可以生成无限滚动特效。

如果你需要自己创建一个类似的社交类自动更新网站,这个免费的应用肯定是不错的选择。

类库支持:

1.Isotope - 个人和非商用免费

2.Infinite-Scroll - MIT License

3.jQuery - MIT License

4.SimplePie - BSD License

5.jquery-timeago - MIT License

6.html5shiv - MIT License

7.css3 transition detection - Unknown

如何使用

创建数据库表:

CREATE TABLE `archived_social_items` (
    `id` varchar(32) NOT NULL,
    `category` varchar(255) NOT NULL,
    `title` text NOT NULL,
    `content` text NOT NULL,
    `link` text NOT NULL,
    `date` datetime NOT NULL,
    UNIQUE KEY `item_id` (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1

修改config.php的mysql配置指向你的数据库。

新的feed可以通过修改$apis数组添加到config.php。如下:

"github" => array(
    "user" => "philipbjorge",
    "url" => "http://atom2rss.semiologic.com/?atom=https://github.com/{USER}.atom"
),

添加样式到header:

<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <style type="text/css"> .clear { zoom: 1;display: block;} </style> <![endif]-->
<link rel="stylesheet" type="text/css" href="css/isotope.css">
<link rel="stylesheet" type="text/css" href="css/networks.css">

在body中,添加容器和PHP include:

<div id="social-container" class="variable-sizes clearfix infinite-scrolling">
    <?php require_once('get_stream.php'); ?>
</div>

接下来加入PHP支持:

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.infinitescroll.min.js"></script>
<script src="js/jquery.timeago.js" type="text/javascript"></script>
<script src="js/jquery.infinitesocialwall.js" type="text/javascript"></script>

自定义CSS:

修改isotop.css,networks.css等css文件

来源:Pinterest.com界面风格的社交展示web应用:Infinite-social-wall

网友热搜:

  • 相关推荐
  • 大家在看
  • 张一鸣快给黄光裕打call

    黄光裕终于重获自由。 6 月 24 日晚,北京市第一中级人民法院根据刑罚执行机关的报请,依法裁定对黄光裕予以假释,假释考验期限自假释之日起至 2021 年 2 月 16 日止。

  • 银座Calla 9周年,门店仪器即将全面升级

    时间过得真快,一眨眼竟然要迎来银座Calla9 周年庆。仿佛 8 周年还在昨天,没过多久马上又要到迎来全新的 9 周年。这次银座Calla整装待发,将为大家带来一个崭新的 9 周年庆典!银座Calla借助此次周年庆之际,要和大家宣布一个好消息。下个月起,门店仪器即将升级。2011 年日本企业银座Calla进入中国市场;2014 年从原先的定点操作升级到了滑行操作,速度的提升使接待您的顾问一天接待数提升了两倍;2015 年研发了美肌润美,领先脱毛?

  • ViaWallet产品体验官招募计划启动,独享海量权益!

    2014 年,Mt. Gox被盗,黑客无情取走 80 万枚比特币; 2015 年轮到Bitstamp,约 19000 枚比特币不知去向; 2016 年,Bitfinex被盗,来年Parity交易所的15. 3 万枚ETH被盗; 2019 年也爆出诸多盗币黑天鹅事件。安全问题始终是区块链行业的痛点,将投资者的信任赋予保障才是区块链行业的重中之重。 交易平台可能不是资产“安全”存放的最优解,但去中心化钱包“ViaWallet”是。 为助力迭代更安全且好用易用的钱包产品,ViaWallet现开启

  • 选择Trust Wallet的10大理由!

    加密资产的使用和存放其实可以很简单! 2018 年,,使币安距离实现金钱自由流通这一目标更进一步。是币安的官方移动钱包。它为用户在币安平台以外存放资金提供了一个安全、便捷的选择,多种内置功能则进一步丰富了加密资产使用体验。如果你还没有Trust Wallet,,以下我们将为你介绍选择Trust Wallet的 10 大理由:1.免费使用的使用是完全免费的。下载App无需付费,App内也没有任何隐藏付费。当然,和任何区块链产品一样,用户还是

  • 女神高圆圆复出:联手汪涵为Redmi 10X直播打Call

    去年5月产女后,知名演员高圆圆就淡出公众视野了很长一段时间。前不久,高圆圆在李佳琦的直播活动中和“口红王子”远程连线,低调复出。适逢618活动,高圆圆将在今晚9点30分坐镇汪

  • 第五届东方语种识别竞赛(OLR Challenge)报名启动

    竞赛概况由海天瑞声和清华大学发起,厦门大学、西北工业大学及昆山杜克大学联合主办的“东方多语种识别竞赛”(以下简称OLR),开始报名啦!自从 2016 年第一届OLR创办以来,我们已成功连续举办四届比赛。今年的赛事(OLR 2020)与往年相比,都有哪些不同呢?1. 竞赛数据扩大至 188 小时,覆盖 11 个国家、 18 种语言和方言;2. 竞赛Baseline由厦门大学提供,包含Kaldi和Pytorch两种版本;3. 竞赛内容含三个子任务:除常规的“跨信

  • 爱利蒙德 Allimand —— 金字塔尖的庄园葡萄酒

    智利被称为酿酒师的天堂,天然优越的地貌、充足的日照、适量的降雨等先天性条件让智利的土地上毫不费力就能生长出优良的葡萄。亲临葡萄种植果园,置身于大自然中,每一口呼吸,空气中都充满了甜蜜。喝过韵味十足的智利葡萄酒,再尝试其它葡萄酒似乎总少了些许滋味。智利的葡萄酒分为两种:庄园酒和工厂酒。庄园酒则是从葡萄种植到葡萄采摘、压榨、酿制、装瓶、包装完成都在庄园内进行,酒庄风味明显,余韵悠长;工厂酒即现代化生产

  • Facebook展示超薄VR概念眼镜 外观像墨镜

    【TechWeb】6月30日消息,据国外媒体报道,Facebook日前对外界展示了一款超薄VR(虚拟现实)概念眼镜,外观就像墨镜一样。图片来自Facebook官方目前的VR设备相对还是稍微有点“笨重”,人佩戴时间稍微长一些,就会非常不舒服。如图所示,Facebook展示的这款概念眼镜,非常的轻薄。Facebook介绍称,这款眼镜利用了全息影像镜片(holographic optics),等技术,镜片厚度不到9毫米。不过,需要说明的是,这只是一款概念眼镜。Facebo

  • 由于冠状病毒,Airbnb可能削减在Amazon Web Services上的支出

    [TechWeb]Airbnb首席执行官Brian Chesky表示,如果冠状病毒大流行继续对其业务造成压力,该公司准备在今年进一步削减预算。Chesky 在最近几个月表示,由于Covid-19危机,该公司经历了一轮裁员,冻结了招聘并暂停了营销活动,但仍有可能进一步削减其在亚马逊云计算服务上的支出空间。切斯基说:“亚马逊网络服务(AWS)和客户服务仍有机会提高我们使用数据的方式,处理联系人的效率。” “因此,我们将继续提高业务效率,但此刻业?

  • 案例 : AppGallery Connect 开放67项服务,到底为开发者解决了哪些难题?

    作为面向开发者应用的一站式服务平台,华为应用市场AppGallery Connect致力于为开发者提供应用创意、开发、分发、运营、分析等全生命周期的服务,构建全场景智慧化的应用生态。

  • 出于隐私考虑:苹果拒绝在Safari部署16个Web API

    据外媒报道,苹果本周表示,它拒绝在Safari浏览器上实施 16 项新网络技术(Web API),因为这些技术为用户指纹识别开辟了新途径从而对他们的隐私构成威胁。这 16 项技术具体如下:

  • 王者荣耀阿古朵技能展示 新英雄阿古朵技能详情

    王者荣耀官方最近公布了最新的英雄阿古朵,很多玩家还不清楚阿古朵的技能是什么样的,下面就来为大家分享一下王者荣耀新英雄阿古朵的技能展示。

  • 6月比亚迪质量有新展示:汉华丽登场 这波“大礼”可以有

    对于比亚迪质量的初印象,大多数人或许都还停留在各种各样眼花缭乱的新能源车中,毋庸置疑,新能源车是比亚迪质量的最大彰显,同时也是品牌引以为傲的资本。历年来,比亚迪针对人们的绿色出行需求,相继向市场投放了更多优质的纯电动车产品,协助人们开创更美好的出行生活,赢得了更多消费者的喜爱。今年,比亚迪质量将有新的彰显,在即将到来的 6 月份,比亚迪旗下有一台新车将会全新亮相,而这台车会搭载今年比亚迪的新一代电池?

  • Zenlayer助力即构科技提升用户实时互动体验,为新兴市场打call

    艾瑞咨询报告显示,随着移动互联网的发展, 2018 年全球互联网通信云PaaS市场规模已达到15. 6 亿美元,且保持30%左右的年增长率,除中国大陆以外,东南亚、中东、非洲、拉美等新兴市场成为蓝海。顺应中国企业出海需求,借助日趋完善的全球网络基础设施及优质的国际网络服务商,通信云的业务版图正向全球市场扩张,其中音视频厂商在新兴市场的覆盖成为考验通信云全球服务能力的关键因素。国际领先的音视频服务商即构科技(ZEGO)通过Z

  • 手机圈的总裁组团打Call 京东618行业主场地位稳固

    一个月前,京东 618 以“不负每一份热爱”为题正式启动——作为后疫情时代的首个全民购物节,今年的京东 618 被很多手机厂商大佬寄予厚望。一个月以来,华为消费者业务手机产品线总裁何刚、荣耀总裁赵明、小米总裁卢伟冰、努比亚总裁倪飞等一众手机圈大佬纷纷登陆京东直播为京东 618 打Call。作为5G商用一周年之际首个全民狂欢盛典,京东 618 手机通讯的成绩彰显了主场地位,也再一次振奋了手机行业信心: 618 期间华为品牌强势领?

  • Arm中国联名信:对Allen的莫须有的指控感到非常震惊和气愤

    6月16日消息,日前,安谋中国管理团队在公司内网刊发联名信——“星辰山海不负韶华 凝芯聚力砥砺前行”。信中指出,作为公司管理团队,我们对于近期媒体报道中对Allen的莫须有的指控感到非常震惊和气愤。联名信还称,这十多年来,Allen为Arm技术和生态在中国的引入和发展、为芯片IP市场需求付出了极大的心血。这样一位在Arm体系任职16年的行业老兵,对产业有着真挚情怀、对Arm和安谋中国有着深厚热爱的良师益友,受到?

  • 星女郎林允淘宝直播首秀六折“卖飞机”:周扬青、孟佳为其打Call

    6月14日晚上,出演过《美人鱼》的“星女郎”林允在淘宝直播首秀。商品清单里,最吸引网友眼球的莫过于“包一架飞机”了。原价20万的包机服务,在林允的淘宝直播间直降8万,

  • 苹果新iPad要用Mini LED 业内人士:效果非常好

    业内人士@手机晶片达人透露,苹果明年将在MacBook和iPad上导入Mini LED产品,效果非常好,相关供应链已经开始准备。据媒体报道,苹果将在2020年Q4为12.9英寸iPad Pro导入Mini LE

  • 苹果iPad新品传言来袭:iPad mini终于要换磨具了?

    6月13日消息,一般来说,苹果WWDC大会的召开均以面向消费者的软件开发内容为主,很少会推出硬件产品。而伴随着今年WWDC开幕时间的日益临近,关于硬件新品的各类消息反而层出不穷。据悉,除采用ARM架构的12英寸MacBook有望在WWDC上正式亮相外,苹果还计划更新10.8英寸的iPad Air并推出8.5英寸的iPad mini。据悉,全新的iPad Air将采用现在11英寸iPad Pro的磨具搭载,这意味着iPad Air也将拥有更高的屏占比以及FaceID等?

  • 思科Webex助力客户高效远程办公,重塑工作模式

    Webex扩大容量、添加更多安全和智能洞察功能,赋能远程医疗 新闻摘要: ● Webex平台迎来了前所未有的市场需求,应用规模达到正常水平的三倍之多 。 ●作为最值得信赖的业务连续性供应商,思科在扩展全球容量上持续投资,提高Webex的弹性。 ● 为了确保客户可以随时随地轻松、安全地开展协作,思科为Webex添加了更多安全功能,并增加了与Box的全新集成 。 ● Webex Control Hub的智能和可行性洞察功能 可帮助IT人员管理不断扩大的

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议