动漫东东论坛's Archiver

yanradio 发表于 2008-2-11 15:31

stylebulder教程

[color=blue]STYLEBULDER教程 刚才发现东东里竟然没有sb的教程,为了方便大家修改主题,从先锋wang  te转此教程[/color]


[color=blue]目录:[/color]

1--------------------------如何用SB载入VS
2--------------------------如何保存修改后的VS
3--------------------------如何指定一个程序来对VS中的图像进行编辑
3--------------------------如何隐藏开始菜单右端的文字
4--------------------------如何修改任务栏的高度
5--------------------------如何去除工具栏中的分隔符
6--------------------------字体的修改
7--------------------------shellstyle的修改
8--------------------------窗口左侧常见任务区的背景颜色更改
9--------------------------树状图简要介绍以及教程补充.
[color=red]
为了偷下懒,后面的StyleBuilder就用SB来代替了. [/color]

公欲善其事,必先利其器.
修改VS和制作VS,常用的一款软件就是TGTSoft公司出品的StyleBuilder.其汉化版和原版均可以在汉化新世纪下载到.

[color=gray][url=http://www.hanzify.org/index.php?Go=Show::List&ID=5078][color=#0000ff]汉化新世纪[/color][/url][/color]

[color=blue]如何载入一个VS. [/color]

用SB.首先要会的当然就是载入要修改的VS了,其实SB可以算一个傻瓜软件了,汉化版又解决了语言的问题.所以说来惭愧,我刚开始接触SB的时候,遇到的最大问题就是载入不了我要修改的VS,当我打开SB的时候,发现只能打开SB格式的文件.后来才知道.载入VS的操作如下:

1)打开SB.点击"新建"快捷图标或者工具栏中选择"文件--新建",在弹出的对话框中为你建立的主题文件选择一个存放的文件夹.然后点击一路确定下去.
[attachmentid=735]

2)这样我们可以看到SB打开的是XP默认的风格.怎样修改自己想要的VS呢?我们点击快捷工具栏上的"插入..."或者选择工具栏"文件---插入.'msstyles'文件".
[attachmentid=736]

3)点击确定后SB会弹出如图对话框,告诉你插入VS不成功,问你是否打开SB文件以查看插入了什么.这里其实是汉化的一个错误.

QUOTE(风中决斗)
关于这个软件的汉化,我想说明一个地方的汉化错误,那是由于我打字时不小心多打了个“不”字,不过此软件的字串实在太多,错误的地方是:
“插入 .msstyles 文件”之后的对话框,提示为“插入……给……不成功”,此处多了个“不”字,其实是误多打了个字,应该是“成功”!
大家可以自己用 16 进制软件(如:hex workshop 和 UE 或 winhex 等等)打开这个软件,并查找“不成功”的字样,找到此处,自行将“不成功”修改为“成功”即可。也可直接查找“不成功”的 ASCII 代码“B2BBB3C9B9A6”,然后修改为 ASCII 底码“B3C9B9A60000”,保存即可。
当然,你也可以不修改,知道这个错误的地方就是了.


所以这里我们选择"是".
[attachmentid=737]


我们可以看到现在SB里打开的VS已经是要你要修改的了. blackwolf3
2004-07-27, 21:20

[color=blue]如何保存修改后的VS [/color]

修改完VS后点击工具栏"文件--打包",弹出如下对话框,点击确定后即生成一个zip文件,方便你的发送.这个zip文件中具体包含什么要看你在打包的时候选择,一般会有*.msstyle,*.theme,*.shellstyle几个文件.同时在你插入VS时选择的输出文件夹中已经可以看到一个 *.theme和一个*.msstyle文件了.

[attachmentid=748]

[color=blue]如何指定一个程序来对VS中的图像进行编辑 [/color]

当你要对一个图像进行修改的时候,在SB中看到所选图像的路径和名称后再到VS输出的文件夹下去一个一个找是不是很麻烦?其实我们可以在SB设定好图像编辑程序.点击菜单栏里的"工具---选项",在弹出的窗口中选择图像处理程序的路径并为之命名就可以了.

[attachmentid=750]

这样当你要对一个图像进行编辑时,右键点击该图像,然后选择编辑,就会打开你设置的程序对其进行编辑了.如图:

[attachmentid=752]

blackwolf3
2004-07-27, 21:26

下面就以"milk2mini"这个VS中的ChocoCrme风格为例.
[color=blue]
一.如何隐藏开始菜单右端的文字 [/color]

在Windows XP中,开始菜单如果是默认风格的话,功能虽然不错,但是觉得过宽.尤其是应用一些主题以后.而如果选择经典风格的开始菜单.虽然较窄,但是功能和外观感觉都不如XP风格的漂亮.且许多主题对经典菜单左边的那条Windows XP Professional的位图都没进行修改.(顺便说下:这个位图在系统盘Windows目录下的explorer.exe文件中,XP Pro版对应其中位图167,XP Home版对于位图166)所以最好的解决办法就是修改开始菜单的宽度.

在树状部分中找到对应值Values --> General--> Startpanel --> Userpane --> DefaultpaneSize ,对其值进行修改就可以了.

[color=red]要注意的是:userPane的宽=PlacesList的宽+MorePrograms的宽,userPane的宽不能超过startpanle的宽(可以等于). [/color]

[attachmentid=759]

[attachmentid=761]

[attachmentid=764]

[attachmentid=767]
[color=red]
下面的方法是lalawu大大提供的[/color]

载入VS后,在树状图中找到[color=green]values/general/startpane[/color]l把下面的值做如下修改:

DefaultPanelSize: 0,0,380,440 >>> 0, 0, 230, 440
DefaultPanelSize: 0,0,380,64 >>> 0, 0, 230, 64
PlacesList --> DefaultPanelSize: 0,0,190,336 >>> 0, 0, 40, 336
LogOff --> DefaultPanelSize: 0,0,380,40 >>> 0, 0, 230, 40
ProgList --> DefaultPanelSize: 0,0,190,306
MorePrograms --> DefaultPanelSize: 0,0,190,30

具体效果要根据你的vs来决定,给出的修改后的数字只是个大概值,具体多少要自己摸索一下.

另外也可以在placelist下的testcolor(字体颜色)改为和菜单背景一样,同样能达到效果.

blackwolf3
2004-07-27, 21:34

[color=blue]二.如何调整任务栏的高度[/color]

[color=red]这个部分的操作和测试主要是woody_lc完成的. [/color]

有的苹果主题,尤其是很多panther风格的,任务栏的高度总是过大,如果你的显示器够大,分辨率够高,估计还可以接受(我私下怀疑那些任务栏较宽的主题就是老外做的,他们一般都是17"的1600*1200).而对于我们这些1024*768的穷人来说,怎样调整任务栏到一个合适的宽度呢?

首先要知道任务栏是由开始菜单,任务栏,快速启动,系统托盘几个部分组成的.所以这几个地方都要修改.
其次我们知道系统托盘里的图标是16*16的,我们从来没看过系统托盘里的图标超出任务栏的吧?所以任务栏的大小是有个限度的,我猜想是16左右.下面是修改XP默认主题的任务栏后的效果

[attachmentid=774]

QUOTE(woody_lc)
我先声明,本人第一次用sb,而且时间紧迫,关于这部分的试验得出了结果,但试验过程还有不少问题未弄清楚,有待解决,大家发现有错请务必指出。最近考试较多,等有空我会和zephyrgong兄以及各位一起进一步研究并修订这部分内容。也希望有所研究的朋友跟贴分享您的成果[:happy:]



修改方法:
首先,在树状部分的的Values下.找到下面的属性
Start--button
General--Taskband--FlashButton
Taskband--Toolbar--button
Taskband--Toolbar--dropdownbutton
Taskbar--Toolbar--button
Taskbar--Toolbar--dropdownbutton
TrayNotifyHoriz--TrayNotify--Background
把contentmargins中的值都改成0,把sizingmargins中顶和底的值改成0.如图:
[attachmentid=778]

然后,找到这些值对应的图片,在对图片的高度进行改变就可以了.如图:

[attachmentid=781]

图片的大小要自己多测试几次就可以找到合适的高度了.

blackwolf3
2004-07-27, 21:40

[color=blue]三.如何去除工具栏中的分隔符[/color]

首先看看去除后的效果
[attachmentid=792]

方法其实很简单.用Stylebuilder导入VS,修改values\general\global下EdgeHighLightColer和 EdgeShadowColor,将它们的颜色设置改成与工具栏背景的颜色设置一致就行了.有人可能会问我怎么知道工具栏背景的颜色具体值是多少呢?我们只要用鼠标左键按住挑选,拖到工具栏背景上,颜色就被自动选取了.以后的取色方面的操作也都可以这样.如图:

[attachmentid=797]

blackwolf3
2004-07-27, 21:43

[color=blue]四.修改字体 [/color]

VS中,字体分了很多部分.一般我们在树状部分的对应部分更改其font的字体就可以了.但是注意要把使用取代值前的勾去掉,不然是没有更改后的效果的.

[attachmentid=805]

首先我们很容易的发现SB左边就有"字体"一项可以选择,点击可以发现可以更改几个地方的字体.

[attachmentid=807]

但是很多字体并不包含在这里的,下面主要说几个常用地方的字体修改.

blackwolf3
2004-07-27, 21:49

[color=blue]1).开始菜单的字体修改. [/color]

开始菜单里所有程序的字体和字体颜色在values\startmenu\toolbar下,如图所示.

[attachmentid=816]

[color=blue]2).任务栏字体修改.[/color]

任务栏的字体要修改几个地方.都在values\task...的rebar或者toolbar下,如图.

[attachmentid=821]

对于喜欢用任务栏相似分组的用户来说,可能需要修改到任务栏的快速分组字体,这个值在values\taskbandgroupmenu\toolbar下,如图.

[attachmentid=824]

另外任务栏的时间部分的字体修改在values\traynotify\clock下.如图.

[attachmentid=825]

blackwolf3
2004-07-27, 21:53

[color=blue]3).侧边栏字体(如资源管理器侧边栏 IE侧边栏).[/color]

资源管理器的字体修改在values\general\treeview下,修改Font值就可以了.

[color=red]这个从twq520的帖子里发现的,图片也引自其帖子,已经得到其同意 [/color]

[attachmentid=839]

如果没有发现font这个属性.尝试修改values\general\explorerbar中的normalgroupbackgroud和s
pecialgroupbackgroud里的font属性.

blackwolf3
2004-07-27, 21:58

[color=blue]shellstyle.dll的修改. [/color]

首先来看看shellstyle.dll到底是管什么部分的.shellstyle.dll主要是管理窗口中常见任务这部分(包括图片和字体以及配色方案),如图:

[attachmentid=840]


shellstyle.dll对于一个VS来说并不是必须的,如果没有的话,XP将根据默认的shellstyle.dll来显示.这

个部分不归.msstyles文件管.我们要修改这里的图片或者字体,点击编辑shellstyle按钮,在弹出的

Resbuild窗口中可以对其图片(bitmap资源)以及字体(stringtab以及HTML中的CPWEBVW.CSS)进行修改.如图:

[attachmentid=841]

[attachmentid=842]

[attachmentid=843]

blackwolf3
2004-07-27, 22:03

[color=blue]窗口左侧常见任务区的背景颜色更改.[/color]

[color=red]这个问题我记得有很多人问过,都没得到很好的解答,这里只是和大家分享下我的发现[/color]
这个其实也是属于shellstyle.dll的更改内容,但是比较难找,而且有人也问过,就单独拿出来吧.还是在BS中点击编 shellstyle,打开的Resbuild窗口,点击Find,在查找中输入:sectionlist.如图:background后的rgb值就是背景色的rgb值.

[attachmentid=849]

另外,你还可以给你的背景色做一个渐变,如图:

[attachmentid=850]

blackwolf3
2004-07-27, 22:05

[color=red]附:树状部分简要说明
[/color]
本来是打算发个树状图的详细说名的,但是那样的话估计要贴N张图了.而且树状图的部分我也有很多地方没弄清楚的.这里做个简单说明:

Documentation----------------------------------------一个主题的信息,包括名称,版权,作者,公司等等

SysMetrics-------------------------------------------滚动条的高度和宽度,窗口标题,菜单,按钮和图标名称的字体

Normal.LargeFont.Extralarge下的Substitution----------主题在选择普通字体,大字体,特大字体情况下的sysmetrics中定义的字体以及滚动条高度和宽度.

Values下

Substitution-----------------------------------------按钮的颜色

General----------------------------------------------主体窗口,边框所用到的位图,分隔符,大小及颜色

ExplorerBar------------------------------------------资源管理器栏中的背景,字体和字体颜色等属性

placesbar--------------------------------------------定位栏的按钮式样

Start------------------------------------------------开始按钮

Startmenu--------------------------------------------开始菜单的背景,字体和字体颜色

Taskband/Taskbandvert--------------------------------快速启动栏中的背景,箭头,滚动条及字体属性

Taskbar/taskbarvert/TaskbandGroupMenu----------------任务栏和任务栏快速分组的背景,箭头,和字体属性

traynotify-------------------------------------------系统托盘里的时间和背景

traynotifyhoriz/traynotifyhorizopen------------------系统托盘里自动隐藏不活动的图标的箭头

traynotifyvert/traynotifyvert------------------------系统托盘中的上下箭头.

blackwolf3
2004-07-27, 22:11

大致就是这样了,最后再说明下,VS涉及到很多资源,而我接触也不深,这张帖子难免会有错误.希望大家在后面指正并欢迎提出问题讨论.更希望大家能够一起补充里面没说到的部分.希望这贴可以给大家带来帮助.也祝愿大家能够可以修改甚至创作出自己喜欢的VS出来.

[color=red]更新部分 [/color]

[color=green]这个部分是对以上所没提到但是又被常问到的问题的一个补充.很多部分都是我原来并不知道的,这里感谢告诉我这些方法的朋友们.由于是补充,所以难免零散,因此就不附图了,有问题的话欢迎提出.[/color]

[color=blue]搜索栏的背景颜色的修改 [/color]

我曾经一度认为搜索栏的背景也属于常见任务的一部分,所以也应该是按照前面所说的修改shellstlye.dll来改变颜色,但是事实并不是这样,这个地方其实还是要修改*.msstyle的.具体方法在树状图的value -> general -> explorerbar下,背景图的颜色是gradient color1 到 gradient color2 的渐变,所以修改这2个属性的rgb值就可以了

输入法选取的字体修改

[color=red]这个方法是tonyan用短消息告诉我的,表示感谢[/color]

点击任务栏上的输入法图标后,出来的输入法选择菜单中的字体过小,应该怎么修改呢?

QUOTE(tonyan)
呵呵 输入法菜单的字体原来是改sysmetrics下面的字体 menu,status,msgbox,icontitle,换个好看的字体就行了  [;D]



[color=blue]如何去除开始菜单中的用户名 [/color]

虽然这个我个人觉得并没什么必要,但是既然后面有人提出,就说说方法,[color=red]感谢lalawu大侠给出的正确方法[/color]

在values/general/startpanel/userpane下,把defaultpanesize的第三个值改成一个数值稍微大点的负数..

另外把用户名的字体颜色改成和开始菜单的背景色一致也可以做到隐藏用户名的目的.

[color=blue]选框字体的修改[/color]

很多主题,如下地方都会有字体问题,尤其是panther系列,如图:


[attachmentid=857]

类似的地方还有电脑属性里的"自动更新""系统还原"等处的字体.
要改这些地方的字体,只需修改树状部分.values-->general-->button下的所有字体就可以了.

[color=red]另外:上面的截图是采用的yjzheng10010在6月8号一个帖子中的截图,这里对他表示感谢[/color]

zephyrgong
2004-07-28, 22:47

还好当初黑狼移这个帖子的时候,我占了个沙发.现在可以继续补充拉. [img]http://bbs.pcpchina.com/style_emoticons/default/smiley41.gif[/img] [img]http://bbs.pcpchina.com/style_emoticons/default/smiley41.gif[/img]

[size=12pt][color=red]补充部分[/color][/size]

[size=10pt][color=blue]1.VS中箭头的去除(隐藏)[/color][/size]

本来以为这个东西大家都知道,原来就没写进去,但是本着教程为大多数人服务的原则,最近不是很忙的情况下,还是补充一下 [img]http://bbs.pcpchina.com/style_emoticons/default/smiley42.gif[/img]

箭头需要隐藏的一般是指"后退/前进"按钮边的下拉箭头.以及工具栏按钮过多时候的延伸箭头.下面也以这2个地方为例:

插入导出VS后,在SB左边的定位栏选择"窗口&工具栏"出现要修改的窗口和工具栏的预览图,直接在图上用鼠标点到要修改的箭头处,如图:

[attachmentid=17547]

我们可以看到属性中imagefile对应的位图名称,但是要注意:[color=red]这个位图只是按钮效果的位图,真正我们要找的那些箭头所在的位图为Glyphimagefile所对应的位图[/color].你也可以直接在预览中右键点击箭头的预览.出现的"编辑XXX"便是所要更改的位图.可以点击"编辑以..."用自己定制的制图工具编辑(前面已经说过如何定制),也可以直接点击"编辑XXX",用默认的画板进行编辑,如图:

[attachmentid=17557]


同样修改"后退/前进"边的下拉箭头也是如此,如图:

[attachmentid=17562]

下面说下这种小箭头的位图各个部分的含义.如图:
[attachmentid=17586]
一般的箭头对应位图都象这个图由上到下分为6个箭头.即6部分.下面3部分和上面3部分(即下面3个箭头和上面3个箭头)对应.
从上到下:
第一个箭头---------------普通情况下的显示状态
第二个箭头---------------鼠标悬浮情况下的显示状态
第三个箭头---------------鼠标按下情况下的显示状态

想要隐藏什么情况下的箭头,只要把这部分改成紫红色(R,G,B值为255,0,255)就可以了.上面我给的图就是隐藏了一般情况下的箭头的.

[[i] 本帖最后由 血色银狼 于 2008-6-24 21:10 编辑 [/i]]

日高佐菜 发表于 2008-2-11 15:35

我好详细的教程 不支持下不行!

永恒の拂晓 发表于 2008-2-12 17:52

无图教程     要专研有点困难   哪天时间多再来仔细看看    这里先D你

日高佐菜 发表于 2008-2-12 17:57

估计是楼主转载的时候没把图复制过来的关系吧~~不过这个教程还是写的很详细的 如果楼主有时间可以把这个教程原来有的图补上那就更好了

殺村绯雪 发表于 2008-2-13 11:27

很实用的东西 支持下

liangzhan400 发表于 2008-2-13 13:51

虽然看不懂 但还是支持一下

永恒の拂晓 发表于 2008-2-16 23:32

今天又回过头来看此贴    原来LZ有发图的     只不过变成了一串简短的英文了
不过原本是看图教程   没了图片就~~~~~~~~这帖子已经~~~~~~~

[[i] 本帖最后由 永恒の拂晓 于 2008-2-16 23:40 编辑 [/i]]

日高佐菜 发表于 2008-2-16 23:57

是因为转帖的时候直接复制的关系吧[yct65]  发英文的话=不发的说...

鲷鱼烧 发表于 2008-2-18 14:20

我很无语啊,明明我早就转了一篇教程过来,你却要说东东米教程~~~~~而且连图都米转,只是单纯的复制文字~~~~~~~各位要看图文教程的话就去这个帖子吧:
[url]http://bbs.comicdd.com/thread-4725-1-6.html[/url]

日高佐菜 发表于 2008-2-18 14:23

原来烧鱼有转过啊,我去看看那个帖子

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.