返回列表 发帖

[讨论] 你想要这样的效果吗? 进来看吧,最窄最细的工具条

这是皮肤大赛中 asin888 的代码

链接 http://bbs.ioage.com/cn/viewthread.php?tid=40779&extra=page%3D1

根据他的代码,你可以作出下面的效果

[ 本帖最后由 killmesoftly 于 2007-9-15 15:02 编辑 ]

ok.PNG (9.13 KB)

ok.PNG

untitled1.PNG (3.97 KB)

untitled1.PNG

untitled.PNG (7.99 KB)

untitled.PNG

asin888写的代码如下:

  1. [Wnd]
  2. Corner=20
  3. #标题条的圆角大小,Corner=0为不使用圆角
  4. Border=1
  5. #边框宽度,当设定了边框图像时,用图像绘制边框,否则用[color]FRAME_BORDER绘制
  6. BottomCorner=0
  7. #边框的底边是否园角(0否,1底边使用和标题条一样的圆角矩形)

  8. [TitleBar]
  9. Height=22
  10. #标题条高度,缺省为16

  11. [Rebar]
  12. RowLine=0
  13. #工具栏行线是否开启(0为不显示行线,1为显示单线, 2为显示双线)
  14. #线条的颜色在[color]节中REBAR_LINE,REBAR_LINE2中定义
  15. AddressButtonSpace=0
  16. #转到按钮和网址输入框的距离
  17. SearchButtonSpace=2
  18. #搜索按钮和搜索输入框的距离

  19. [ToolBar]
  20. #MaskNormal=0
  21. # 对于有按钮图片的工具条以外的小工具条(这些小工具条的特点是,每个按钮都是图标或者文字组成的),绘制按钮普通状态的时候,0表示不绘制它的mask图,1表示绘制;收藏条和菜单条的mask图在[img]节的BTN_MASK,小工具条和插件条的mask图在[img]节的BTN_MASK_MINI
  22. MainCY=24
  23. #主工具栏(标准按钮工具栏)的高度
  24. AddressCY=24
  25. #地址栏的高度
  26. SearchCY=24
  27. #搜索栏高度
  28. #虽然上述三个工具栏默认在一行,但可以给他们设置不同的高度,因为工具栏可能会被拖拽到别的行
  29. #ProgressLeft=4
  30. #状态栏进度条,刻度区域离背景图边框的距离,有了这个距离,就可以在进度条两边背景上放上比较漂亮的图了
  31. #ProgressGaugeMode=1
  32. #状态栏进度条,刻度部分绘制方式,1为拉伸,2为平铺
  33. #提醒:状态栏进度条图片是由两大部分组成,左半部分为背景,三段式填充1方式绘制,右半部分为刻度  

  34. [COMBOBOX]
  35. SearchLeftPad=8
  36. #搜索框中图标与搜索框左边的留空
  37. SearchRightPad=0
  38. #搜索框的编辑框右边与搜索框右边的留空
  39. AdressLeftPad=8
  40. #地址框中图标与地址框左边的留空
  41. AdressRightPad=0
  42. #地址框的编辑框右边与地址框右边的留空
  43. AddressBtnRightPad=4
  44. #地址栏状态按钮与右边下拉按钮的留空
  45. HisSearchLeftPad=20
  46. #历史搜索框中图标与左边的留空
  47. HisSearchRightPad=10
  48. #历史搜索框中图标与右边的留空
  49. #注意:上述HisSearchRightPad,SearchRightPad两个参数,如果不写或者值为0的时候,表示使用背景图的1/3宽度作为留空宽度。而AdressRightPad不写或者值为0的时候,表示使用地址框后面的下拉按钮的宽度作为留空宽度。

  50. [TabBar]
  51. ItemLeft=9
  52. ItemRight=9
  53. #TheWorld的标签是变宽的,每个标签宽度都可能不同
  54. #对于单个标签而言,使用标签图片绘制标签的时候,标签图片左边、右边的这两个区域使用图片的左边右边的原始尺寸绘制
  55. #中间区域的宽度为标签实际宽度减左右宽度,绘制的时候用标签图中部拉伸绘制
  56. VBorder=1
  57. #标签上文字和图标的Y方向的边界高度,用于控制标签上内容垂直方向上的显示位置
  58. PBorder=1
  59. #激活的标签,压住未激活的标签的宽度,TheWorld限制不可以超过5个像素
  60. #此项是个特殊项,大多数皮肤,激活标签和普通标签都是挨着的,此时可以不写这个项目,而如果希望激活标签盖住两边的普通标签,则此项必须写

  61. [Browser]
  62. Border=2
  63. #当同时显示多个页面的时候,每个页面的边界尺寸
  64. Spliter=2
  65. #当同时显示多个页面的时候,页面之间的距离
复制代码

TOP

我想让地址栏进状态栏

TOP

呵呵,是啊,地址栏可以和状态栏合并在一起

TOP

嗯,这个想法好。

TOP

有没有做好的成品啊???

TOP

我把代码已经贴出来了,自己改改吧,随便改皮肤作者的作品也不是太好,我只是自己用,另外把思路贴出来,大家可以自己DIY

TOP

再来一个,

untitled.PNG (8.62 KB)

untitled.PNG

TOP

说实话太窄也不是很好,比如说有的图标有边框郊果的,做的太窄就不行了

TOP

都做小了去

TOP

有些朋友一直想到最小最细的工具栏,就是这样的效果了

81.PNG (111.91 KB)

81.PNG

TOP

对于一些小屏幕,笔记本的朋友,应该是有些用处的,尽可能地把浏览面积加大了

TOP

返回列表