Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
阅读:2370回复:11

这样的火狐标签栏效果怎么实现的?

楼主#
更多 发布于:2011-02-11 10:38
请看我的截图,当点击当前标签页(激活时)标签带有翻卷的波纹。
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
1楼#
发布于:2011-02-11 10:38
标签栏凹陷效果怎么设置的
msky
千年狐狸
千年狐狸
  • UID14649
  • 注册日期2006-09-21
  • 最后登录2023-04-03
  • 发帖数2959
  • 经验166枚
  • 威望0点
  • 贡献值12点
  • 好评度9点
  • 社区居民
2楼#
发布于:2011-02-11 10:38
不是设置的,是用CSS写的。
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
3楼#
发布于:2011-02-11 10:38
那要写哪些代码?谁知道的哦
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
4楼#
发布于:2011-02-11 10:38
给激活标签 .tab-background-start  .tab-background-middle  .tab-background-end 设置背景就可以了。

.tab-background-start[selected="true"],
.tab-background-middle[selected="true"],
.tab-background-end[selected="true"] {
/* CSS 代码*/
}
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
5楼#
发布于:2011-02-11 10:38
渐变颜色的话,这个网站可以帮到你.
http://www.colorzilla.com/gradient-editor/
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
6楼#
发布于:2011-02-11 10:38
GOLF-AT:给激活标签 .tab-background-start  .tab-background-middle  .tab-background-end 设置背景就可以了。

.tab-background-start[selected="true"],
.tab-background-middle[selected="true"],
.tab-background-end[selected="true"] {
/* CSS 代码*/
}
回到原帖
  3.6可以不?另外可以用样式来实现吗?
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
7楼#
发布于:2011-02-11 10:38
lonely_8:渐变颜色的话,这个网站可以帮到你.
http://www.colorzilla.com/gradient-editor/
回到原帖
 不是颜色问题,我是说激活标签显示凹陷效果
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
8楼#
发布于:2011-02-11 10:38
Egg.:   3.6可以不?另外可以用样式来实现吗?回到原帖

忘记了,.tab-background-start .tab-background-middle .tab-background-end 这三个对象,默认主题是没有的。看你的截图,使用的是我做的 MacOSX主题,这个主题才有这些对象。另外,不知道你说的“样式”是什么东西?难道CSS代码不是你说的样式吗?

其实默认主题,也可以设置的你说的效果,直接设置tab的background以及border就可以了。MacOSX主题,之所以使用了.tab-background-start .tab-background-middle .tab-background-end 这三个对象,是因为它的标签的2个角是向外凸出的,默认主题用CSS是不能实现,所以MacOSX主题才添加了这几个对象。
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
9楼#
发布于:2011-02-11 10:38
荣幸啊 ,居然再次碰到主题作者 !!我说的样式是 Stylish,就是在stylish里面输入代码来实现凹陷效果
GOLF-AT
千年狐狸
千年狐狸
  • UID11611
  • 注册日期2006-02-20
  • 最后登录2019-12-30
  • 发帖数3239
  • 经验265枚
  • 威望1点
  • 贡献值260点
  • 好评度59点
  • 社区居民
  • 忠实会员
10楼#
发布于:2011-02-11 10:38
stylish里本来就可以直接套用CSS代码的。
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
11楼#
发布于:2011-02-11 10:38
可是很奇怪,我用了之后一点反映也没
游客

返回顶部