Board logo

标题: [参赛]Colorful Day【更新:10.18 增加单色背景】 [打印本页]

作者: 玉宇    时间: 2009-9-17 19:55     标题: [参赛]Colorful Day【更新:10.18 增加单色背景】

本帖最后由 玉宇 于 2009-12-22 20:35 编辑

作品名称:Colorful Day
常用邮箱:admin@yutheme.cn
我的网站:www.yutheme.cn

皮肤叫Colorful Day,因为工具栏用了多彩的的背景,为了不使皮肤过于花哨,所以用了简洁的图标,刚好本人也不善于做过于精细的图标,就参考了一些素材完成这个皮肤的图标部分。从来没做过浏览器皮肤,这次试试做着玩一下,可能还有错误,希望大家指出。

[attach]80370[/attach]

修正:网络收藏夹按钮修正!
修正:隐私窗口按钮背景!
修正:chrome样式标签栏新增按钮放到了右边!

重大更新:增加Chrome样式,对所有图片进行了优化,皮肤大小减小一半,欢迎更新,如果有错误请指出。

9.19晚重大更新:增加colorful day light样式!
因为看到有朋友说此风格头部各栏高度过高侵占浏览面积,所以这次增加了LIGHT版本,此版个栏目高度减小,更简洁,同时看到朋友说头部太多黑色感觉压抑,所以将工具栏图标和地址栏等变成白色,达到更清爽的感觉!
谢谢各位朋友提出了这些好的建议,谢谢!
9月20日更新:增加light_chrome样式,增加菜单选择背景,优化了LIGHT版图标悬停不明显的问题,所有版本更新到1.2

10月12日更新:所有版本更新到1.2.1


[attach]82203[/attach]

10月14日更新:重做了一些图标 如侧边栏等,更新了收藏夹图标,现在皮肤包有三种收藏栏文件夹图标
[attach]82558[/attach]
可供选择,目前使用的是第三种,如果你不喜欢目前的可由自己的喜好进行选择,只要将喜欢的图标更名为fav_directory3.ico即可,当然得记得先移除原来的fav_directory3.ico!



[attach]80138[/attach]

[attach]80141[/attach]
[attach]80176[/attach]

10.18:增加一个单色背景,喜欢的朋友可以下载图片直接覆盖皮肤文件夹里的同名文件,替换多色背景,使用单色后可以对风格调色到自己喜欢的颜色,只要你喜欢可以随时调色。

请鼠标移上后点击下载再进行下载,原图宽度789px,请勿下成600PX的缩略图

[attach]83332[/attach]



经典样式(版本1.2.3)在线安装:http://www.yuthemes.com/skin.png

Chrome样式(版本1.2.3)在线安装:http://www.yuthemes.com/skin.png

推荐参选设计奖皮肤colorful day light (版本1.2.4)在线安装:http://www.yuthemes.com/skin.png

colorful day light chrome(版本1.2.3)在线安装:http://www.yuthemes.com/skin.png

合并参选人气奖的皮肤:colorful day、colorful day chrome、colorful day light、colorful day light chrome
参选设计奖的皮肤:colorful day light

[attach]80935[/attach]
作者: kay0726    时间: 2009-9-17 20:00

漂亮啊,怎么没人顶呢
作者: skymage    时间: 2009-9-17 20:33

支持新人!
作者: lytwan    时间: 2009-9-17 20:45

嘛 专业的也来了 支持下
奖品诱惑力果然大 啧啧
作者: thines    时间: 2009-9-17 20:50

顶你下
作者: thines    时间: 2009-9-17 20:53

非常优秀
作者: qijideyang    时间: 2009-9-17 20:55

背景多彩,处理的还不错!
作者: abcdmp5    时间: 2009-9-17 21:10

简单绚丽的色彩配上致约的图标,感觉很不错^_^.
作者: netac    时间: 2009-9-17 21:14

工具栏背景效果不错。按钮再做精细一些就更好啦。
作者: roc    时间: 2009-9-17 21:18

样式很新颖啊,赞一个~~
个人意见:鼠标指向未激活的标签的时候上面有一条七彩的线,感觉整个标签被压住了,视觉上有一种压抑的感觉....
期待chrom样式的^_^
作者: 玉宇    时间: 2009-9-17 21:25

工具栏背景效果不错。按钮再做精细一些就更好啦。
netac 发表于 2009-9-17 21:14 http://bbs.ioage.com/cn/images/common/back.gif


呵呵,图标是我的弱项,能画成这样我已经付出了百分之200的力气了。。。
作者: 玉宇    时间: 2009-9-17 21:26

样式很新颖啊,赞一个~~
个人意见:鼠标指向未激活的标签的时候上面有一条七彩的线,感觉整个标签被压住了,视觉上有一种压抑的感觉....
期待chrom样式的^_^
roc 发表于 2009-9-17 21:18 http://bbs.ioage.com/cn/images/common/back.gif


这个我觉得只是鼠标滑过的一种指示形式,不会一直看到的,所以还好吧。(关键是我还没想到更好的表现形式……
作者: Nym    时间: 2009-9-17 21:32

很漂亮啊~~~~~~~~多彩而不花眼~~
作者: abcdmp5    时间: 2009-9-17 21:37

楼主,反应太平淡了,奇迹啊,开发组同时来捧场,楼主来点感言才是啊
作者: 玉宇    时间: 2009-9-17 21:39

楼主,反应太平淡了,奇迹啊,开发组同时来捧场,楼主来点感言才是啊
abcdmp5 发表于 2009-9-17 21:37 http://bbs.ioage.com/cn/images/common/back.gif


哈哈, 谢谢大家,我是新手,还不太懂礼数……
作者: abcdmp5    时间: 2009-9-17 21:41

哈哈, 谢谢大家,我是新手,还不太懂礼数……
玉宇 发表于 2009-9-17 21:39 http://bbs.ioage.com/cn/images/common/back.gif

呵呵,玩笑话,楼主莫当真^_^.
不过到真是很难得啊,近来开发组一直为3.X忙得不可开交的说^_^.
作者: toe    时间: 2009-9-17 22:00

1# 玉宇 离近看, 非常漂亮. 很细致.
作者: 我1107    时间: 2009-9-17 22:20

不错,试用了才来回复。很有创意
作者: roc    时间: 2009-9-17 22:25

小遗漏:网络收藏夹按钮图标没有设计
[attach]80161[/attach]
订阅扩展图标也是
[attach]80162[/attach]
状态栏按钮:
[attach]80163[/attach]
作者: jym2005    时间: 2009-9-17 22:30

提示: 作者被禁止或删除 内容自动屏蔽
作者: 玉宇    时间: 2009-9-17 22:32

小遗漏:网络收藏夹按钮图标没有设计
80161
订阅扩展图标也是
80162
状态栏按钮:
80163
roc 发表于 2009-9-17 22:25 http://bbs.ioage.com/cn/images/common/back.gif


请问这些按钮怎么调出来
作者: lytwan    时间: 2009-9-17 22:41

订阅现在能改咩-0-|||
作者: 菩提心    时间: 2009-9-17 22:44

订阅夹图标也不能修改吧
作者: netac    时间: 2009-9-17 22:52

嗯。订阅夹和代理服务器都是暂时不能改的。
作者: 玉宇    时间: 2009-9-17 23:07

小遗漏:网络收藏夹按钮图标没有设计
80161
订阅扩展图标也是
80162
状态栏按钮:
80163
roc 发表于 2009-9-17 22:25 http://bbs.ioage.com/cn/images/common/back.gif


谢谢啊,网络收藏夹按钮重弄了, 其他的好像改不了
作者: 菩提心    时间: 2009-9-17 23:29

侧边栏所有项目都没有更改
作者: dwqbl    时间: 2009-9-17 23:57

很漂亮!!!
作者: ndtwz    时间: 2009-9-18 00:16

这个皮肤有特点!我喜欢!
作者: selvin    时间: 2009-9-18 09:42

嘎嘎~~玉宇也来了~~哥支持你~~~
作者: diy    时间: 2009-9-18 09:43

WIN7  系统
Windows系统标准的窗口标题条下出问题了

[attach]80197[/attach]
作者: 玉宇    时间: 2009-9-18 09:54

WIN7  系统
Windows系统标准的窗口标题条下出问题了

80197
diy 发表于 2009-9-18 09:43 http://bbs.ioage.com/cn/images/common/back.gif


我用的也是WIN7
你的标准窗口是怎么调出来的?
作者: zhouxuan5326    时间: 2009-9-18 11:05

很漂亮,这是我用过的里面设计思路最好的一个!~个人感觉边框有点宽了,现在一般都是宽屏了,这样的话网页可使面积变小;不过如果边框变窄了不知道还有没有这种让人眼前一亮的感觉!~
作者: hawaiicool    时间: 2009-9-18 11:06

眼前一亮啊
不过地址栏的颜色浅一些就好了
作者: ggggyso    时间: 2009-9-18 12:51

不错的皮肤  支持玉宇兄的作品
作者: inchn    时间: 2009-9-18 12:59

很专业很强大
作者: gooray    时间: 2009-9-18 15:38

这个装上之后效果很棒!顶!
作者: he989    时间: 2009-9-18 15:43

很不错啊·~色彩很漂亮
作者: duckZCX    时间: 2009-9-18 15:45

背景太赞了,哈哈,

潜力皮,持续关注
作者: tedw    时间: 2009-9-18 15:55

好看,赞一个!
作者: superflq    时间: 2009-9-18 16:03

还行,路过
作者: DreamMail    时间: 2009-9-18 16:03

用之
个人感觉标签栏、收藏栏、标题栏啥的都有些高呢,影响浏览面积
作者: diy    时间: 2009-9-18 16:39

我用的也是WIN7
你的标准窗口是怎么调出来的?
玉宇 发表于 2009-9-18 09:54 http://bbs.ioage.com/cn/images/common/back.gif


防假死(关闭)----到对应皮肤处(选择使用Windows系统标准的窗口标题条)---重启浏览器
作者: cimmicola    时间: 2009-9-18 17:25

很漂亮很漂亮,就是高了些,能不能再窄一点,多留出点浏览面积?
作者: ndtwz    时间: 2009-9-18 17:32

自动填表的图标好像没有变啊,怎么还是蓝色的小钥匙?
作者: yys890122    时间: 2009-9-18 20:52

支持。。。。。。。
作者: asd26833    时间: 2009-9-18 22:03

非常完美!頂!
作者: Freesnake    时间: 2009-9-18 22:13

整体感觉很不错,要是有chrome样式的就更好了
作者: 玉宇    时间: 2009-9-18 23:40

整体感觉很不错,要是有chrome样式的就更好了
Freesnake 发表于 2009-9-18 22:13 http://bbs.ioage.com/cn/images/common/back.gif


已经添加,希望大家喜欢!
作者: it179    时间: 2009-9-18 23:47

太花了
作者: 东暴    时间: 2009-9-19 00:07

背景图太美了,整体出来效果也很好。
有了chrome样式就顶。
作者: asd26833    时间: 2009-9-19 16:15

再頂一次~chrome風格也超棒
作者: xiazi0222    时间: 2009-9-19 16:19

顶~~相当不错
作者: zhouxuan5326    时间: 2009-9-19 17:01

再顶!~chrome风格太棒了!
作者: dk123    时间: 2009-9-19 17:04

太花了 不好看
作者: ego713    时间: 2009-9-19 17:51

事实上我也挺喜欢这个皮皮的。
但是不知道为什么,如此清透的彩色背景上,都是深灰色,感觉好压抑。
还有真的是有些宽了,很占浏览面。
作者: ifelse    时间: 2009-9-19 19:14

很新颖啊,支持一下
作者: ynkm169    时间: 2009-9-19 19:25

整体效果不错,就是宽了点,,,
作者: 奶油先生丶    时间: 2009-9-19 19:25

GOOD.喜欢这种style.
作者: youmail    时间: 2009-9-19 20:42

真的很漂亮的说 ~下载试试~
作者: 玉宇    时间: 2009-9-19 21:32

事实上我也挺喜欢这个皮皮的。
但是不知道为什么,如此清透的彩色背景上,都是深灰色,感觉好压抑。
还有真的是有些宽了,很占浏览面。
ego713 发表于 2009-9-19 17:51 http://bbs.ioage.com/cn/images/common/back.gif


呵呵 现在有LIGHT版本了 你可以试试!
作者: xiaoyuk    时间: 2009-9-19 21:35

不过不错。又花哨又精致。。。。。。。可以说两者结合得蛮好。。。。

顺便说一下colorful day light 经典样式出个仿chrome版本吧!!!
我现在用的是仿chrome版本的,但是经典样式白色看气势似乎更顺眼。。
没办法。系统是xp仿Mac,又是14寸宽屏。能省一点高度是一点。
作者: 玉宇    时间: 2009-9-19 21:38

不过不错。又花哨又精致。。。。。。。可以说两者结合得蛮好。。。。

顺便说一下colorful day light 经典样式出个仿chrome版本吧!!!
我现在用的是仿chrome版本的,但是经典样式白色看气势似乎更顺眼。。
没办 ...
xiaoyuk 发表于 2009-9-19 21:35 http://bbs.ioage.com/cn/images/common/back.gif


行 呵呵  稍后奉上!
作者: cimmicola    时间: 2009-9-19 21:42

提点小意见,light风格的收藏栏部分过于白,对比原来版本的,收藏栏有些彩色渐变的背景,渐渐的淡去,看起来很舒服。而light的就像鱼肚子一样格外的刺眼了
作者: 玉宇    时间: 2009-9-19 21:45

提点小意见,light风格的收藏栏部分过于白,对比原来版本的,收藏栏有些彩色渐变的背景,渐渐的淡去,看起来很舒服。而light的就像鱼肚子一样格外的刺眼了
cimmicola 发表于 2009-9-19 21:42 http://bbs.ioage.com/cn/images/common/back.gif


谢谢提醒 我修改修改
作者: DreamMail    时间: 2009-9-19 22:04

能不能来个只是栏目高度减小的版本?
^_^工具栏图标和地址栏等变成白色--不如原来的有感觉呢
作者: 玉宇    时间: 2009-9-19 22:22

能不能来个只是栏目高度减小的版本?
^_^工具栏图标和地址栏等变成白色--不如原来的有感觉呢
DreamMail 发表于 2009-9-19 22:04 http://bbs.ioage.com/cn/images/common/back.gif

呵呵 众口难调啊,你可以先使用黑色的chrome版本 那样高度能小一些,如果时间允许 ,我可以做一个黑色的 缩小版试试
作者: ego713    时间: 2009-9-19 22:28

呵呵 现在有LIGHT版本了 你可以试试!
玉宇 发表于 2009-9-19 21:32 http://bbs.ioage.com/cn/images/common/back.gif


谢谢,你真客气。更新速度好快啊!
新的版本用了。
1、地址栏已经有了MAC的感觉,如果能像原来的深色地址栏有点凹陷感就好了,现在因为有白色的边框线,而视感是凸起的。(地址栏小三角后面有条黑线,自带皮肤是没有的,见下图)
2、鼠标滑过按钮,按钮变化不是很明显。
3、Light版的收藏栏的颜色太淡了,确实没有原版的好看了。
4、提供下对比图片,“TW自带皮肤”功能菜单子项的高亮做的和按钮风格是一致的。这是特别的细节。我看了好多作品在这里都没有做太大的修饰。
[attach]80379[/attach]
[attach]80380[/attach]



再次感谢~恭祝获胜。
作者: 455058874    时间: 2009-9-19 22:29

期待Chrome也有light版本
作者: 594573    时间: 2009-9-19 23:35

干净清爽的皮肤!
提个小建议,标签分组图片和窗口圆角可以在精细一下~
作者: qijideyang    时间: 2009-9-19 23:44

不得不承认,light模式的显得更紧凑和整齐,比普通模式的好!
作者: 天悦    时间: 2009-9-20 00:25

非常喜欢渐变的颜色,呵呵,就是工具栏的图标再做的精致点就完美了
作者: 玉宇    时间: 2009-9-20 11:38

本帖最后由 玉宇 于 2009-9-20 11:39 编辑
谢谢,你真客气。更新速度好快啊!
新的版本用了。
1、地址栏已经有了MAC的感觉,如果能像原来的深色地址栏有点凹陷感就好了,现在因为有白色的边框线,而视感是凸起的。(地址栏小三角后面有条黑线,自带皮肤 ...
ego713 发表于 2009-9-19 22:28 http://bbs.ioage.com/cn/images/common/back.gif


多谢你这么细心的指教,地址栏的白色的确是突起的,因为是白色底 所以做凹进去的效果会有些奇怪,也不够清爽,所以还是用这种表现,我想也算是和暗色的区别吧。
地址栏那个暗线是为了把地址栏和后边的按钮做个隔离,其实默认皮肤也是有个的 只不过他是整个一块的隔离。

我比较关心的是,为什么你的截图里地址栏后边的按钮的背景和地址栏的背景会有明显的色差,我机子上是看不到这个的。

其他的问题我已经做了修改,你可以再试用一下,希望你继续提建议,帮我改进 谢谢!
作者: ynkm169    时间: 2009-9-20 11:50

速度还是不错的,喜欢light-chrome版本
作者: aaronz    时间: 2009-9-20 11:54

所用过的最漂亮的主题,支持!
作者: powerma    时间: 2009-9-20 12:29

很精彩的皮肤!
作者: ego713    时间: 2009-9-20 12:36

……色差……
玉宇 发表于 2009-9-20 11:38 http://bbs.ioage.com/cn/images/common/back.gif

因为我做了调色。
作者: yooken    时间: 2009-9-20 12:46

呵呵 很不错
作者: 漂流瓶    时间: 2009-9-20 12:55

不错 蛮有特色
作者: 玉宇    时间: 2009-9-20 15:54

因为我做了调色。
ego713 发表于 2009-9-20 12:36 http://bbs.ioage.com/cn/images/common/back.gif


哦 了解了
作者: sdshadower    时间: 2009-9-20 16:15

先支持一下,总体来讲,挺不错的~忘再接再厉~
作者: kyoabc    时间: 2009-9-20 17:36

顶!!!!
作者: sure    时间: 2009-9-20 19:09

light_chrome  的标签是方框的样子……

我怎么记得chrome标签的方框是弧形的……
作者: citydog    时间: 2009-9-20 20:24

漂亮,转了一大圈,就相中楼主的作品啦,我在用!!
作者: xhtcricket    时间: 2009-9-20 20:37

太好看了
作者: feicunyu    时间: 2009-9-20 20:46

效果和配色都不错啊,不过我觉得底色面板彩色,图标简单看久了会有种视觉上的疲劳,不知道其他人看着怎么样~~
作者: cimmicola    时间: 2009-9-20 23:54

这个绝对是最优秀的皮肤了。强烈支持。不过总感觉chrome样式的皮好像有些不自然,不如普通模式,工具栏,标签栏,标题栏都组合的那么精致巧妙,有些牵强的感觉。
作者: zhouxuan5326    时间: 2009-9-21 08:49

再顶!~强烈支持这个皮!~
作者: airplane    时间: 2009-9-21 08:52

楼主有心了
作者: 玉宇    时间: 2009-9-21 21:50

这个绝对是最优秀的皮肤了。强烈支持。不过总感觉chrome样式的皮好像有些不自然,不如普通模式,工具栏,标签栏,标题栏都组合的那么精致巧妙,有些牵强的感觉。
cimmicola 发表于 2009-9-20 23:54 http://bbs.ioage.com/cn/images/common/back.gif

多谢喜欢我的皮肤,这个皮肤设计的时候是按照经典模式做的,CHROME模式是从经典模式改过来,因为能扩大浏览面积,满足一些小屏幕电脑使用此皮肤不至于太占面积,如果你的屏幕够大,推荐你还是用经典模式好一些。
作者: serao    时间: 2009-9-22 15:18

非常漂亮,很喜欢!
作者: netac    时间: 2009-9-22 21:43

还是黑色版本的好看。背景和地址栏那段很不错。
图标还是试着改一下嘛 - - 。
作者: aly2006    时间: 2009-9-23 10:55

非常喜欢 哈哈
作者: 玉宇    时间: 2009-9-23 15:34

91# netac
这个背景不适合复杂图标,不然就花的不行了
作者: inchn    时间: 2009-9-23 18:09

很漂亮,再次来顶
作者: 会武术的安东尼    时间: 2009-9-23 18:44

漂亮!谢谢!
作者: serao    时间: 2009-9-24 22:03

再来帮顶!
作者: 玉宇    时间: 2009-9-25 11:17

96# serao

多谢, 没人顶, 自顶一次
作者: NE0912    时间: 2009-9-25 11:59

帮忙顶,好皮要支持,现在在用你的light版
作者: WeeVee    时间: 2009-9-25 15:22

本帖最后由 WeeVee 于 2009-9-25 15:24 编辑


用上是这样的?还是我的问题?
http://il7hba.blu.livefilestore.com/y1p68Pvo67WxyCBJ75o3LZFmTGUn0okDgWXJrBjcI-UClDvDODw6bTYt3b8N5XNJ1DxVW70Zgylp3ARaYQ5GvLfzJWa2YCzTZRy/snap0000009.jpg

自己改了
http://il7hba.blu.livefilestore.com/y1pGvwEZ4O0xhcVZ4Z50zkS4Cf-SodqTXeCJbYBuIIaN7WcrDhLovg5SpQTQ-n1fQ7coZsQgsWapvfa4NjiE3SOcg/snap0000010.jpg
作者: sgdbmry    时间: 2009-9-25 15:49

謝謝樓主 呵呵
很絢麗的皮膚




欢迎光临 世界之窗论坛 (http://bbs.theworld.cn./) Powered by Discuz! 7.2