小编jbw*_*ris的帖子

嵌入Twitter个人资料,而不是时间表

我一直在寻找嵌入Twitter用户配置文件的解决方案,但到目前为止已经空了.我正在寻找的是类似于当您点击twitter.com上的用户名时Twitter如何弹出一个漂亮的个人资料概述.我拿了我个人资料的屏幕截图,这样你就可以看到我正在谈论的内容.

在此输入图像描述

我不需要用户时间线或类似的东西,只是用户信息,封面照片背景会很好,以及跟随此人的链接.我看了一下Twitters嵌入代码构建器,但似乎没有任何真正适合该法案的东西.我正在使用Wordpress,因此插件解决方案可行,但如果它只是嵌入的代码也很好.

twitter wordpress-plugin

10
推荐指数
1
解决办法
4981
查看次数

将重复条目与Excel中的唯一数据组合在一起

我有一个Excel数据库,我试图避免做一些手动组合重复数据.除了tags列之外,我有一堆基本相同的列表.我想要做的是将这5个列表合并到1个列表中,使类别在单个单元格中以逗号分隔列表.

转过来

数据示例

进入这个

期望的结果

有没有办法实现这个目标?我的文档有几千个列表,所以我显然试图避免手动编辑路径.我是一个Excel新手,所以你可以指点我的任何手持或教程将不胜感激.

excel excel-2011

7
推荐指数
1
解决办法
8万
查看次数

使用过滤器时模糊的CSS转换

我正在使用CSS创建六边形的网站上工作.这种技术使用变换来旋转框,剪切边缘使用overflow:hidden,然后旋转相反方向内的图像以显示直线并显示六边形,这是我修改的代码笔以使其工作.正如您所看到的,转换工作正常.

我遇到的问题是,我想在悬停到我的设计时应用灰度滤镜,我发现我的所有过渡现在都很模糊.在Firefox Dev Edition中,我看到图像和文本开始变得清晰,在悬停时变得模糊,然后又回到锐利状态.在Chrome中查看时,一切都很模糊,是否悬停.

锐利的灰度与模糊的过渡

.hexContainer {width:400px;}
#categories {overflow:hidden;width:100%;margin:0 auto; padding:0 0 1em; position: relative;}
#categories .hexBox {position:relative;list-style-type:none;width:100%;padding-bottom:115%;float:left;overflow:hidden;visibility:hidden;-webkit-transform:rotate(-60deg) skewY(30deg);-ms-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg); z-index: 10;}
#categories .hexBox *{position:absolute;visibility:visible;}
#categories .hexBox>div{width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;-webkit-transform:skewY(-30deg) rotate(60deg);-ms-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg);-webkit-backface-visibility:hidden;}
#categories .hexBox img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;  -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -webkit-transform: translateZ(0); }
#categories .hexBox h3 {position: absolute; bottom: 25%; left: 2%; font-weight: 300; color: #fff; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all …
Run Code Online (Sandbox Code Playgroud)

css css3 css-transitions

7
推荐指数
1
解决办法
1070
查看次数

在jQuery中将图像SRC转换为背景图像

如何使用jQuery设置图像src

我希望与此jQuery代码片段相反.我需要一些可以转向的代码

<img src="images/filename.jpg">
Run Code Online (Sandbox Code Playgroud)

成为

<div class="imageBox" style="background:url(images/filename.jpg)"></div>
Run Code Online (Sandbox Code Playgroud)

我上下搜索试图找到能够做到这一点的东西,但却空洞了.我不是jQuery大师,所以我很感激有人可以提供任何帮助.谢谢

jquery

4
推荐指数
1
解决办法
7960
查看次数