专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »网页特效 » 新浪博客特效代码:新浪博客个性鼠标特效技巧代码 »正文

新浪博客特效代码:新浪博客个性鼠标特效技巧代码

来源: 发布时间:星期日, 2008年11月16日 浏览:715次 评论:0
将以下代码加到以前建的面板后面即可:
<STYLE type=text/css>
a:hover {cursor:url('*.ani')}
BODY {cursor:url('*.ani')}
</STYLE>

*.ani为动态光标地址。需要替换即可!!
第一个地址是鼠标放在连接上的样子,第二个是平常的样子.

首页鼠标代码:
<STYLE type=text/css>
a:hover {cursor:url('http://webme.bokee.com/inc/mouse014.ani')}
BODY {cursor:url(' http://webme.bokee.com/inc/mouse027.cur')}
</STYLE>

鼠标地址可以来这:CSS鼠标样式素材大全-
http://blog.sina.com.cn/u/446ae4ee010006q4

【鼠标后面跟随彩色文字的代码】 http://blog.sina.com.cn/u/446ae4ee010007a2
【文字围绕鼠标椭圆旋转的制作代码】 http://blog.sina.com.cn/u/446ae4ee010007a1
【让鼠标周围有小星星围绕的特效代码!】 http://blog.sina.com.cn/u/446ae4ee010007a0


转载自【博客代码】http://blog.sina.com.cn/m/yangguangyao
DIY博客背景代码

首先要在新浪 控制面板-个人首页维护-自定义空白面板里面建一个新的文件,建好好记住要到控制面板,“定制我的首页”选择并保存哦。这里有个窍门,新建文件的名字最好取和你博客一样的名字。

不需要设置的代码可以删除。楼主的新浪博客背景设置就是按照这个代码进行的,很好用。(2006-10-17修改)
<STYLE type=text/css>
body
{background:url("页面大背景图片地址
") repeat scroll!important;}
.logo
{background:url("题图上背景图片地址
") no repeat no scroll!mportant;}
.banner
{background:url("题图下背景图片地址
") no repeat no scroll!mportant;}
.menu
{background:url("题图下的菜单背景图片地址
") no-repeat center;}
.feeds .up
{background:url("正文标题栏上翻时的图片地址
") no-repeat center;}
.feeds .down
{background:url("正文标题栏下翻时的图片地址
") no-repeat center;}
.feeds .function
{background:url("正文摘要结尾处菜单的图片地址
") no-repeat right;}
.links .up
{background:url("面板标题栏上翻时的图片地址
");}
.links .down
{background:url("面板标题栏下翻时的图片地址
");}
.links .mid
{background:url("面板的背景图片地址
");}
.photo .mid
{background:url(个人形象照片处的背景图片地址
);}
.label .mid
{background:url("自定义面板的背景图片地址
");}
.calendar .mid
{background:url("日历面板背景图片地址
");}
.callboard .up
{background:url("公告栏标题栏上翻时的图片地址
");}
.callboard .down
{background:url("公告栏标题栏下翻时的图片地址
");}
.callboard .mid
{background:url("公告栏背景图片地址
[ft=,,
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: