泪划痕
Best viewed in Google Chrome

2011年10月13日星期四

鼠标指向小工具标题变色

如上图,前后对比,鼠标指向小工具标题改变颜色。
开始
登入博客 - 信息中心 - 设计 - 修改HTML

CTRL+F 找 h2 {

在 h2 { 上面添加 以下一款代码
第一款 : “ 颜色 ” 背景
h2:hover {
background:#000000;
color: #FFFFFF;
-webkit-transition-duration: .5s;
}
第二款,“ 图片 ” 背景
h2:hover {
background: url(图片网址 / image direct link) repeat;
color: #FFFFFF;
-webkit-transition-duration: .5s;
}

添加了后会像下图红框
小提示:
青色字体 = 如图青色箭头,鼠标指向后改变背景颜色颜色代码 or 图片网址
粉色字体 = 如图粉色箭头,鼠标指向后改变字体颜色颜色代码

23 道泪痕:

廷恩 说...

我用了^^

정은지사랑해 说...

谢谢你啊 :D

独泪 说...

мs. χιιαo єи``蒽
好的啊,谢谢通知 ^^

-Bwee::비위-
哈哈,不客气~:D

Vivianna :) 说...

每次弄不到 /.\
会这样 > Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input: <Group description="Links" selector=".main-

地鼠 说...

我拿走啦 :)
thanks alot !<3

JINQIAN 97 说...

拿走 =]

权♭环 说...

很棒的教程...成功了,回来报喜的^^谢谢泪泪呀...

独泪 说...

Vivianna :)
唔,是不是之前删了什么导致整个模板不完整才会出现错误地说,想要重新设计博客的时候可以顺便换换模板,然后就看这教程 =)

地鼠
谢谢通知~welcome^^

錒桀 ッ
好的,谢谢通知 =]

权♭环
哈哈,不客气啊~恭喜成功地说~

Vivianna :) 说...

Try :(

独泪 说...

kk =)

匿名 说...

拿走咯 . =)

独泪 说...

好的,谢谢你的通知~

Shinn Wei 说...

我拿了:)

独泪 说...

好的,谢谢你的通知 :))

啊筠 ♥ 说...

我拿了噢<3

匿名 说...

拿了:))

Ah Pudding 韩瑜 说...

为啥会出现

请更正以下错误,然后再次提交您的模板。
页面外观中的变量声明无效:无法解析皮肤变量,因为它们的格式不正确。 输入:

这是什么来的wor...

OuR FrienDshiP 说...

那个外面框框的有教程马?

尛贝盈 说...

不好意思 ·· 如果要删除怎么办 ?><

可芊 ♥ 说...

我用了 =)
谢谢伱吖 ;)

YQinq シ 说...
此评论已被作者删除。
黑顽子 说...

拿走咯..^______^

Unknown 说...

拿走咯 ;D

发表评论