百度空间代码的"最近读者"模块css代码 -非主流官方

来源:└博友窝  编辑:博客代码网  发布时间:2007-10-08  点击:  [收藏]

#in_reader{width:710px} /*最近访客模块的整体宽度*/
#in_reader div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}/*最近访客模块标题部分*/
#in_reader td.user{margin-bottom:6px;color:#333333;font-size:12px}/*最近访客用户名*/
#in_reader td.user a{color:#3399CC;font-size:12px}/*最近访客用户名链接*/
#in_reader a img{}/*最近访客头像图片*/
#in_reader a:hover img{}/*最近访客头像图片的鼠标悬停效果*/
#in_reader td.user a:visited{color:#3399CC}/*最近访客用户名链接被点击后*/


最近读者头像特效代码:
效果:


代码:#in_reader a img{border:1px solid #000;filter:progid:dximagetransform.microsoft.alpha(opacity=100,finishopacity=5,style=2)}
#in_reader a:hover img{border-bottom:1px dotted #000;filter:progid:dximagetransform.microsoft.alpha(opacity=100)}

效果:


代码:

#in_reader td.user{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}
#in_reader td.user a:hover img {FILTER: Alpha(Opacity=50, FinishOpacity=5, Style=1, StartX=20, StartY=40, FinishX=0, FinishY=0) }

效果:



代码:

#in_reader a img{border:1px solid #000}
#in_reader a:hover img{border:1px dotted #000;filter:progid:DXImageTransform.Microsoft.BasicImage(Mirror=1)}

去试试吧,呵呵


文章地址: