Opera 11.10 发布之后,有了一个新功能:网站可以自定义在浏览器的快速拨号界面里的缩略图。
为了推广这个新功能,Opera 特地搞了一个小活动,前几位在自己网站上部署这个新功能的网站主可以获得一份礼品。我眼疾手快神马的就抢到了——一件 Opera Tee。
使用 Opera 浏览器的朋友可以把 kaix.in 加入浏览器的快速拨号界面。可以看到一个特别为 Opera 浏览器定制的缩略图,下图第一个:
话说,其实之前小众软件搞过 Opera Tee 的活动来的,那时候没拿到 Tee ,要了一个 Geekcook 的棒球帽……
嗯,其实为 Opera 定制缩略图很简单,Opera 中国的博客上介绍了三种方法。我用的是 CSS 的 view-mode: minimized
。偷了一下懒,没对现有内容定制什么 CSS 。而是暴力滴把现有内容全都 display:none
掉,然后再重新给 body 标签加上 content:""
属性而已。然后用单独的包裹把这段 CSS 包裹起来:
@media screen and (view-mode: minimized) {
html{
background: #b20002 url(images/operaicon.png) no-repeat center 60px;
}
body ~ div{
display: none;
}
body{
text-align: center;
padding: 25px 16px;
content: "欢迎使用 Opera 访问开心的家!";
color: #fff;
font-size: 22px;
font-weight: bold;
text-shadow: 1px 1px 1px #333;
background: transparent;
}
}
啊,忘记贴下那件 Tee 的照片了,补上:
用的顺丰快递,的确很快;衣服质量很好。