阅读:3732回复:5
新制做的嵌入式风格的火狐橙按钮
发现所有火狐橙按钮都是漂浮在界面上,去几个论坛看了一下,包括最知名的Stylish样式网站,没看到自己满意风格的一款应用选单按钮的样式。于是自己制作了这个按钮。特点是:它真正像一个按钮被嵌入在标题栏里,就像右上角三个控制按钮。
data:image/png;base64,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 |
|
1楼#
发布于:2010-08-30 06:24
没有完整代码么?
自己弄了个 #appmenu-button{ background-image: url("data:image/png;base64,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") !important; background-repeat: no-repeat !important; background-position: center !important; padding: 2px 20px 2px 21px !important; text-shadow: none !important; color: rgba(0,0,0,0) !important; background-color: rgba(0,0,0,0) !important; margin-top: 0px !important; margin-left: 0px !important; } #appmenu-button > .button-box > .button-menu-dropmarker {display: none !important;} |
|
2楼#
发布于:2010-08-30 06:24
很漂亮!
XP用户飘过…… |
|
3楼#
发布于:2010-08-30 06:24
不错。。。
|
|
4楼#
发布于:2010-08-30 06:24
代码?我晕 不懂
|
|
5楼#
发布于:2010-08-30 06:24
|
|