Flickr显示效果的控制—css+div
如果你拥有了Flickr相册,想让它在自己博客或是空间,个人主页上显示,虽然Flickr本身给出了形象的方法,但毕竟不够个性,而且好像在给FLICKR做宣传——确实不错的网站,我做做宣传,嘿嘿。我们想要个性话的效果,那就用DIV+CSS控制吧,LET’S GO!!!
首先在Flickr Badge获得javascript代码并添加到页面html中,并添加CSS +DIV "flickrimg":(注意:下面的代码设置图片显示数目为7)
当然这只是要加入的代码,我们还要定义css,在你的css文件里加入下面的代码(可是实现个性效果,具体效果见本文章底部):
div.flickrimg a {text-decoration:none;
color:#c00;
float: left;
padding: 0;
margin: 0 5px 5px 0;
opacity: .5;
}
div.flickrimg a:hover {position: relative; top:1px; left:1px;
color:#666;
opacity: 1;
border: none;
}
div.flickrimg a img {
height: 96px;
width: 63px;
}
发表评论