TT瀏覽器皮膚制作手冊

1、TT皮膚制作手冊 騰訊公司TT項目組騰訊TT瀏覽器皮膚制作手冊版本號：1.1制表時間：2005年9月TT皮膚制作手冊 騰訊公司TT項目組目錄一、皮膚制作常用元素 . 3二、 制作皮膚簡介 . 321 TT皮膚的版本號 . 522 菜單的背景填充方式 . 523 菜單條的背景填充方式 . 1024 導(dǎo)航條的背景圖 . 1225 默認(rèn)皮膚按鈕圖像 . 1326 地址欄和搜索欄中的輸入框 . 1427 地址欄、搜索欄、鏈接欄和收藏夾欄 . 1528 鏈接欄和收藏夾欄 . 1629 工具欄上下邊界線 . 17210 各種小按鈕 . 18211 多頁標(biāo)簽 . 20212 側(cè)邊欄 . 23213 側(cè)邊分隔

2、條 . 24214 狀態(tài)欄 . 25215 全屏工具欄 . 28TT皮膚制作手冊 騰訊公司TT項目組一、皮膚制作常用元素說到TT，相信大家都不會陌生。而對于用慣了TT的朋友，除了驚喜于漂亮而多變的TT皮膚之外，是否也想制作一套體現(xiàn)自我個性魅力的TT皮膚呢？呵呵，不用想了,現(xiàn)在我們就一步步教你如何為自己設(shè)計一套理想個性的皮膚吧!當(dāng)您安裝好TT瀏覽器并打開后，在菜單欄“工具”下拉菜單中的“更換皮膚”下，您可以看到有五款供您隨意選擇的特色皮膚（其中TT2004是TT默認(rèn)的皮膚）。您不妨去感受一下吧！呵呵二、 制作皮膚簡介就要開始制作皮膚了喔，在帶您走進(jìn)神奇的皮膚制作叢林前，先隨我了解下TT皮膚制作的

3、前奏吧。1、 找到TT皮膚文件的具體位置一般情況下，用戶的TT是安裝在C:Program FilesTencentTT，在TT的安裝路徑下可以找到TTSkins這個文件夾（路徑C:Program FilesTencentTTTTSkins），這個是制作皮膚的根基地了。如果您在C:Program FilesTencent下沒有找到TT，說明您的TT可能安裝在其他位置，可以通過以下方法找到：選擇“桌面”的TT快捷方式，在右鍵菜單中選擇“屬性”，然后在TT的“屬性”窗口中選擇“查找目標(biāo)”，如圖：TT皮膚制作手冊 騰訊公司TT項目組 2、 創(chuàng)建皮膚的第一步現(xiàn)在打開TTSkins這個文件夾，會看到藍(lán)色印

4、象、紫色回憶和藍(lán)色典雅等幾個文件夾，這些就分別是目前TT的各套個性皮膚了，現(xiàn)在我們在TTSkins下創(chuàng)建文件夾，以自己欲制作的皮膚命名，如“test 藍(lán)色印象”，如下圖為保證新皮膚中具備皮膚所需要的相關(guān)要素，建議用戶可以選擇一個皮膚，如“藍(lán)色印象”，將其文件夾下的全部文件復(fù)制到新皮膚文件夾“test 藍(lán)色印象”下。3、 查看新皮膚啟動TT后，選擇“工具”“更換皮膚”，可以看到“test 藍(lán)色印象”這套皮膚已經(jīng)出現(xiàn)4、 皮膚制作小結(jié)TT每套個性皮膚文件夾中都包含了一個名為skin.ini的文件（此外還有這套皮膚中所需要的各種圖片等），這個文件控制著TT皮膚中各部分顏色和圖片的實現(xiàn)效果等，下面我們

5、將具體介紹，只要充分了解了skin.ini文件，并且知道每個圖片對應(yīng)TT皮膚的位置，就可以隨心所欲做出自己喜歡的TT皮膚啦，期待著您的新皮膚做好后，可以發(fā)給我們件tt，進(jìn)而和廣大TT的用戶一起來分享您的喜悅！TT皮膚制作手冊 騰訊公司TT項目組21 TT皮膚的版本號;=; 全局信息general; 含義：TT皮膚的版本號; 類型：數(shù)值version=1.1溫馨提示：這節(jié)標(biāo)示了TT皮膚的版本號，以下將為您詳細(xì)介紹皮膚相關(guān)的屬性及說明。22 菜單的背景填充方式;=; 菜單menu; 含義：菜單的背景填充方式; 類型：數(shù)值; 值域：0 表示用顏色填充，1 表示用延伸背景位圖填充，2 表示使用平鋪繪制

6、位圖style=1溫馨提示：從這里開始，您就可以按照個人的喜歡自己選擇制作顏色及背景圖了。填充方式分為直接拉伸和平鋪兩種。直接拉伸就是對可以拉伸的區(qū)域進(jìn)行均勻拉伸的一種效果。平鋪就是在拉伸時對可以拉伸的區(qū)域進(jìn)行不斷的重復(fù)拼接，以此實現(xiàn)拉伸的一種效果; 含義：菜單的背景顏色; 類型：顏色值; 條件：當(dāng)style等于 0 時有效; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)background_normal_color=236,229,250background_hot_color=233,240,250溫馨提示：菜單menu背景顏色值是可以修改的。下面讓我們就以“藍(lán)色印象”的顏色完全填充

7、為例看下效果。（圖1）是默認(rèn)背景顏色值后的效果，下（圖2）為修改了background_hot_color=233,240,250為background_hot_color=233, 0, 0值時的效果。不用比較，大家就可以看出修改值后兩種完全不同的背景風(fēng)格了吧？TT皮膚制作手冊 騰訊公司TT項目組（圖1）（圖2）; 含義：菜單在激活狀態(tài)高亮區(qū)域上下邊界的線條顏色; 類型：顏色值; 條件：當(dāng)style等于 0 時有效; 備注：up_border表示上邊界，down_border表示下邊界up_border_hot_color=117,164,232down_border_hot_color=1

8、17,164,232溫馨提示：當(dāng)您激活菜單menu時，高亮區(qū)域上下邊界的線條顏色會隨著您對顏色值的更改而有所改變，現(xiàn)更改線條值up_border_hot_color=117,164,232為up_border_hot_color=117,0,0的變更效果為例如（圖3），可發(fā)現(xiàn)，上下邊界顏色的變化很大：TT皮膚制作手冊 騰訊公司TT項目組（圖3）; 含義：工具菜單欄分割條; 類型：數(shù)值; 值域：0 表示用一條，1 表示用兩條separator_style=1; 含義：工具菜單欄分割條上下分隔顏色; 類型：顏色值; 備注：up_separator為上分割條，down_separator為下分割條u

9、p_separator_color=168,168,168down_separator_color=255,255,255溫馨提示：關(guān)于工具菜單欄分割條，選擇皮膚“藍(lán)色印象”為例，默認(rèn)狀態(tài)下（如圖1），更改上下分割顏色數(shù)值后，我們可以很清楚地看到修改后效果如（圖4）所示：（圖4）TT皮膚制作手冊 騰訊公司TT項目組 ; 含義：工具菜單欄的文字顏色; 類型：顏色值; 條件：當(dāng)style等于 0 時有效; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)text_normal_color=88,88,88text_hot_color=20,20,20溫馨提示：工具菜單下拉菜單里的的文字顏色默認(rèn)狀

10、態(tài)下均為黑色字體，現(xiàn)改text_normal_color=88,88,88 為text_normal_color=188,0,0后顯示下拉菜單內(nèi)所有字體除當(dāng)前高亮起的“更換皮膚”外，其余字體全部有變了顏色（圖5-1）（圖5-1）如更改text_hot_color=20,20,20為text_hot_color=120,0,0后顯示出只修改了當(dāng)前鼠標(biāo)指向的高亮起的文字顏色，如（圖5-2）（圖5-2）; 含義：當(dāng)不能點(diǎn)擊狀態(tài)時所選擇的背景填充形式; 類型：數(shù)值; 值域：0 表示使用平面，1 表示使用立體disabled_style=1TT皮膚制作手冊 騰訊公司TT項目組 ; 含義：當(dāng)不能點(diǎn)擊狀態(tài)時

11、的菜單文字顏色; 類型：顏色值; 條件：當(dāng)disabled_style等于 1 時有效text_disabled_color=128,128,128text_shadow_disabled_color=255,255,255溫馨提示：當(dāng)不能點(diǎn)擊狀態(tài)的背景填充為立體效果時的字體顏色（如圖6-1）所示，如果把這兩組數(shù)據(jù)中的text_disabled_color=128,128,128改成text_disabled_color=128,0,0，同時也把text_shadow_disabled_color=255,255,255改成text_shadow_disabled_color=255,0,0時

12、能看到菜單文字顏色及背景填充都有較大變化（如圖6-2）所示。（圖6-1）（圖6-2）; 含義：菜單的背景圖; 類型：圖像文件名; 條件：當(dāng)style等于 1 或 2 時有效; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)background_normal_image=menu_background_normal.bmpbackground_hot_image=menu_background_hot.bmp; 含義：下拉菜單里的可選項圖; 類型：圖像文件名; 備注：check_mark表示可選項check_mark_image=menu_check_mark.bmp溫馨提示：以上下拉菜單的

13、背景圖和可選項圖，如menu_background_normal.bmp，menu_background_hot.bmp ，menu_check_mark.bmp都是可以替換的，您都可以替換成自己喜歡的圖片來作為背景。TT皮膚制作手冊 騰訊公司TT項目組23 菜單條的背景填充方式;=; 菜單欄menu_bar; 含義：菜單條的背景填充方式; 類型：數(shù)值; 值域：0 表示用顏色填充，1 表示用延伸背景位圖填充，2 表示使用平鋪繪制位圖style=2; 含義：菜單被激活時的背景填充; 類型：數(shù)值; 值域：0 表示用顏色填充，1 表示用延伸背景位圖填充，2 表示使用平鋪繪制位圖hot_style=1

14、溫馨提示：當(dāng)您隨意選擇了一款皮膚后，例如“藍(lán)色印象”，菜單條背景顏色填充效果圖如下; 含義：顯示菜單條上邊界和下邊界; 類型：數(shù)值; 值域：0 表示不顯示，1 表示顯示; 備注：show_up_border顯示上邊界，show_down_border顯示下邊界show_up_border=1show_down_border=1; 含義：菜單欄的上邊界和下邊界的線條顏色; 類型：數(shù)值; 類型：顏色值; 條件：當(dāng)show_*_border等于 1 時有效; 備注：整條bar的上邊界顏色和下邊界顏色up_border_color=255,255,255down_border_color=168,16

15、8,168溫馨提示：同我們前面介紹的一樣，當(dāng)菜單欄顯示上下邊界顏色時，是可以通過修改顏色值來更改上下邊界顏色的。; 含義：菜單表面的背景顏色; 類型：顏色值; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，pressed表示按下狀態(tài)background_normal_color=228,220,245background_hot_color=193,218,248TT皮膚制作手冊 騰訊公司TT項目組 background_pressed_color=193,218,248溫馨提示：在修改菜單表面的背景顏色值中，如果將激活狀態(tài)下的背景顏色修改后，如background_hot_color=

16、193,218,248改為background_hot_color=193,0,0的效果所示為（圖7）還有另種狀態(tài)的修改也可以改變其背景顏色，這里就不一一指出了，您也可以試著體驗一下。(圖7); 含義：菜單項被激活后高亮區(qū)域的上邊界和下邊界的線條顏色; 類型：顏色值; 備注：up_border表示上邊界，down_border表示下邊界up_border_hot_color=91,111,141down_border_hot_color=91,111,141; 含義：菜單被選中按下時的上邊界和下邊界的線條顏色; 類型：顏色值; 備注：pressed表示按下狀態(tài)up_border_pressed

17、_color=91,111,141down_border_pressed_color=91,111,141; 含義：文字顏色; 類型：顏色值; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)text_normal_color=88,88,88text_hot_color=20,20,20溫馨提示：如果您在設(shè)計皮膚上也想修改菜單被激活或按下時的上下邊界顏色及文字顏色，您也是可以實現(xiàn)的。只要修改上面的顏色值，就可以達(dá)到您想要的效果。; 含義：菜單條的背景圖; 類型：圖像文件名; 條件：當(dāng)菜單樣式style等于 0 時有效background_image=menu_bar_background.

18、bmpTT皮膚制作手冊 騰訊公司TT項目組; 含義：菜單條的按鈕背景圖; 類型：圖像文件名; 條件：當(dāng)菜單樣式style等于 0 時有效; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，pressed表示按下狀態(tài)button_normal_image=menu_bar_button_normal.bmpbutton_hot_image=menu_bar_button_hot.bmpbutton_pressed_image=menu_bar_button_pressed.bmp溫馨提示：當(dāng)然了，菜單條menu_bar上的背景圖及按鈕的背景圖，在符合上述條件的情況下，您也可以將menu_ba

19、r_background.bmp替換成您所喜歡的背景圖了。24 導(dǎo)航條的背景圖;=; 導(dǎo)航欄navigate_bar; 含義：導(dǎo)航條的背景圖; 類型：圖像文件名background_image=navigate_bar_background.bmp溫馨提示：以“藍(lán)色印象”為例，其導(dǎo)航條navigate_bar背景填充圖為藍(lán)色填充。當(dāng)然你也可以選擇圖來填充，比如“紫色回憶”就是選擇的填充圖。; 含義：導(dǎo)航條的工具欄上按鈕區(qū)域背景圖; 類型：圖像文件名button_region_background_image=navigate_bar_button_region_background.bmp溫馨

20、提示：以“藍(lán)色印象”為例，其導(dǎo)航條navigate_bar的工具欄上按鈕區(qū)域背景圖為; 含義：導(dǎo)航條上各狀態(tài)按鈕圖標(biāo); 類型：圖像文件名; 備注：back表示后退，fore表示前進(jìn)，trace表示前進(jìn)列表，stop表示停止，refresh表示刷新 back_button_image=navigate_bar_back_button.bmpfore_button_image=navigate_bar_fore_button.bmptrace_button_image=navigate_bar_trace_button.bmpstop_button_image=navigate_bar_stop_

21、button.bmpTT皮膚制作手冊 騰訊公司TT項目組 refresh_button_image=navigate_bar_refresh_button.bmp溫馨提示：以“藍(lán)色印象”為例，其中navigate_bar_back_button.bmp圖像漸變效果為，navigate_bar_trace_button.bmp圖像漸變效果為過程主要是體現(xiàn)這些按鈕在鼠標(biāo)未激活前后，及按下前后的一個顏色漸變。; 含義：全屏導(dǎo)航條上各狀態(tài)按鈕圖標(biāo); 類型：圖像文件名; 備注：back表示后退，fore表示前進(jìn)，trace表示前進(jìn)列表，stop表示停止，refresh表示刷新 fullscreen_ba

22、ck_button_image=navigate_bar_fullscreen_back_button.bmpfullscreen_fore_button_image=navigate_bar_fullscreen_fore_button.bmpfullscreen_trace_button_image=navigate_bar_fullscreen_trace_button.bmpfullscreen_stop_button_image=navigate_bar_fullscreen_stop_button.bmpfullscreen_refresh_button_image=navigat

23、e_bar_fullscreen_refresh_button.bmp等。這些漸變溫馨提示：這里列出了全屏狀態(tài)下各狀態(tài)按鈕在導(dǎo)航條navigate_bar上所顯示的圖標(biāo)圖?？筛鶕?jù)備注里的解釋結(jié)合等號后的圖標(biāo)名稱對應(yīng)各圖標(biāo)的效果。25 默認(rèn)皮膚按鈕圖像;=; 標(biāo)準(zhǔn)工具欄tool_bar; 含義：使用默認(rèn)皮膚按鈕圖像; 類型：數(shù)值; 備注：default.bmp 表示使用默認(rèn)皮膚的按鈕圖像use_default_image=tool_bar_use_default.bmp; 含義：工具欄上的按鈕; 類型：數(shù)值; 值域：0 表示矩形按鈕，1 表示有圓角按鈕button_style=1; 含義：工具欄

24、的文字顏色; 類型：顏色值; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)text_normal_color=88,88,88text_hot_color=20,20,20; 含義：工具欄上的背景圖TT皮膚制作手冊 騰訊公司TT項目組 ; 類型：圖像文件名; 備注：hot表示激活狀態(tài)，pressed表示按下狀態(tài)button_background_hot_image=tool_bar_button_background_hot.bmpbutton_background_pressed_image=tool_bar_button_background_pressed.bmp溫馨提示：這幾層描

25、述的是工具欄tool_bar上的按鈕是圓角按鈕的樣式，且工具欄上tool_bar的文字顏色及背景圖都可由您喜歡任意改變不同的顏色及圖示填充。; 含義：所有工具欄銨鈕圖標(biāo); 類型：圖像文件名; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，disabled表示不能點(diǎn)擊狀態(tài); 條件：use_default_image等于0時有效button_normal_image=tool_bar_button_normal.bmpbutton_hot_image=tool_bar_button_hot.bmpbutton_disabled_image=tool_bar_button_disabled.b

26、mp; 所有工具欄銨鈕小圖標(biāo); 類型：圖像文件名; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，disabled表示不能點(diǎn)擊狀態(tài); 條件：use_default_image等于0時有效small_button_normal_image=tool_bar_small_button_normal.bmpsmall_button_hot_image=tool_bar_small_button_hot.bmpsmall_button_disabled_image=tool_bar_small_button_disabled.bmp; 含義：工具欄的背景圖; 類型：圖像文件名background

27、_image=tool_bar_background.bmp溫馨提示：工具tool_bar上的按鈕圖標(biāo)及銨鈕小圖標(biāo)（如圖8）所示：（圖8）26 地址欄和搜索欄中的輸入框;=; 地址欄和搜索欄中的輸入框TT皮膚制作手冊 騰訊公司TT項目組combobox; 含義：搜索欄; 類型：顏色值; 備注：border_color表示邊界顏色border_color=125,125,125; 含義：搜索欄的網(wǎng)頁瀏覽圖標(biāo); 類型：圖像文件名page_image=combobox_page.bmp; 含義：地址欄及搜索欄的下拉按鈕圖標(biāo); 類型：圖像文件名button_image=combobox_button.

28、bmpp溫馨提示：地址欄及搜索欄的下拉按鈕圖標(biāo)（如圖9）所示（圖9）; 含義：瀏覽進(jìn)度條圖像; 類型：圖像文件名progress_image=combobox_progress.bmp; 含義：下拉列表框的圓角半徑長度; 類型：圖像文件名corner_rounded_length=027 地址欄、搜索欄、鏈接欄和收藏夾欄;=; 地址欄、搜索欄、鏈接欄和收藏夾欄common_bar; 含義：地址欄、搜索欄、鏈接欄和收藏夾欄的背景顏色; 類型：顏色值TT皮膚制作手冊 騰訊公司TT項目組 background_color=236,229,247; 含義：地址欄、搜索欄、鏈接欄和收藏夾欄的背景圖; 類

29、型：顏色值background_image=common_bar_background.bmp溫馨提示：地址欄及搜索欄、鏈接欄和收藏夾欄的位置分別如下（圖10）所示，其背景圖就是它們所在位置的背景顏色及所選的填充圖。（圖10）28 鏈接欄和收藏夾欄;=; 鏈接欄和收藏夾欄link_bar; 含義：標(biāo)準(zhǔn)文件夾的背景圖; 類型：圖像文件名; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，disabled表示不能點(diǎn)擊狀態(tài)folder_normal_image=link_bar_folder_normal.bmpfolder_hot_image=link_bar_folder_hot.bmp;

30、含義：網(wǎng)頁鏈接的背景圖; 類型：圖像文件名; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，disabled表示不能點(diǎn)擊狀態(tài)page_normal_image=link_bar_page_normal.bmppage_hot_image=link_bar_page_hot.bmp溫馨提示：從（圖10）可以看出鏈接欄和收藏夾欄的背景顏色和填充圖，其命名及圖均可以由用戶自己定義。以下的顏色值，您都可以根據(jù)自己的喜好，每改動一個顏色值，效果都會有所不同。; 含義：顯示邊界線; 類型：數(shù)值TT皮膚制作手冊 騰訊公司TT項目組 ; 值域： 1 表示顯示邊框，0 表示不顯示show_border=1

31、; 含義：按鈕背景顏色; 類型：顏色值; 備注：hot表示激活狀態(tài)，pressed表示按下狀態(tài)background_hot_color=193,218,248background_pressed_color=193,218,248; 含義：鏈接項被激活后高亮區(qū)域的上邊界和下邊界的線條顏色; 類型：顏色值; 條件: 當(dāng)show_border等于 1 時有效up_border_hot_color=250,250,250down_border_hot_color=150,150,150; 含義：鏈接項被按下后的上邊界和下邊界的線條顏色; 類型：顏色值; 條件: 當(dāng)show_border等于 1 時有

32、效up_border_pressed_color=150,150,150down_border_pressed_color=250,250,250; 含義：鏈接欄的文字顏色; 類型：顏色值; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)text_normal_color=88,88,88text_hot_color=20,20,20溫馨提示：對于上述各顏色值，您可以都進(jìn)行修改來體驗一下效果，直到您確定一個滿意的顏色值為止29 工具欄上下邊界線;=; 所有工具欄的所處的容器區(qū)域rebar; 含義：顯示工具欄上下邊界線; 類型：數(shù)值; 值域: 0 表示不顯示，1 表示顯示show_up_bo

33、rder=1show_down_border=1; 含義：工具欄的上邊界和下邊界線條顏色TT皮膚制作手冊 騰訊公司TT項目組 ; 類型：顏色值; 條件：當(dāng)show_up_border等于 1 時有效up_border_color=255,255,255down_border_color=168,168,168溫馨提示：工具欄的上下邊界線如下（圖11-1）所示，當(dāng)我們把“藍(lán)色印象”原有的上下邊界顏色值中的up_border_color=255,255,255改為了up_border_color=255,0,0和down_border_color=168,168,168改為了 down_borde

34、r_color=168, 0,0后，就很明顯地表示出了邊界的顏色（圖11-1）; 含義：工具欄分割線的左右線條顏色; 類型：顏色值; 值域：0 表示一條線，1 表示兩條線left_separator_color=168,168,168right_separator_color=255,255,255溫馨提示：（圖11-2）用綠色線框標(biāo)示的是，將工具欄的左分割線的left_separator_color=168,168,168更改為left_separator_color=168,0,0，或者把右分割線的right_separator_color=255,255,255改成了right_sepa

35、rator_color=255,0,0均會出現(xiàn)如下效果圖。（圖11-2）210 各種小按鈕;=; 各種小按鈕common_button; 含義：各狀態(tài)下的按鈕背景圖TT皮膚制作手冊 騰訊公司TT項目組 ; 類型：圖像文件名; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)，pressed表示按下狀態(tài)background_normal_color=236,229,247background_hot_color=236,229,247background_pressed_color=236,229,247; 含義：按鈕在普通狀態(tài)時上下邊界顏色; 類型：顏色值; 備注：up_border表示上邊

36、界，down_border表示下邊界，normal表示普通狀態(tài)，hot表示激活狀態(tài)，pressed表示按下狀態(tài)up_border_color=236,229,247down_border_color=236,229,247up_border_hot_color=250,250,250down_border_hot_color=150,150,150up_border_pressed_color=150,150,150down_border_pressed_color=250,250,250; 含義：按鈕文字顏色; 類型：顏色值; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)text_no

37、rmal_color=88,88,88text_hot_color=20,20,20; 含義：地址輸入框后的向右鍵頭按鈕（轉(zhuǎn)到按鈕; 類型：圖像文件名; 備注：go_button表示轉(zhuǎn)到按鈕go_button_normal_image=common_button_go_button_normal.bmpgo_button_hot_image=common_button_go_button_hot.bmp; 含義：搜索輸入框后的搜索按鈕; 類型：圖像文件名search_button_normal_image=common_button_search_button_normal.bmpsearch

38、_button_hot_image=common_button_search_button_hot.bmp; 含義：搜索按鈕后的小倒三角按鈕（搜索列表按鈕; 類型：圖像文件名search_list_button_normal_image=common_button_search_list_button_normal.bmpsearch_list_button_hot_image=common_button_search_list_button_hot.bmp; 含義：用來關(guān)閉網(wǎng)頁窗口，處在標(biāo)簽欄最右側(cè)的紅底"X"的開關(guān)按鈕（“關(guān)閉”按鈕; 類型：圖像文件名close_but

39、ton_normal_image=common_button_close_button_normal.bmpclose_button_pressed_image=common_button_close_button_pressed.bmp） ） ）TT皮膚制作手冊 騰訊公司TT項目組 ; 含義：用來設(shè)置總是在后臺打開新窗口，靠近關(guān)閉按鈕旁邊的右起數(shù)第一個圖標(biāo)（“總是從后臺打開新窗口”的開關(guān)按鈕）; 類型：圖像文件名open_behind_switch_button_normal_image=common_button_open_behind_switch_button_normal.bmp o

40、pen_behind_switch_button_active_image=common_button_open_behind_switch_button_active.bmp; 含義：用來設(shè)置總是打開新網(wǎng)頁，靠近關(guān)閉按鈕旁邊的右起數(shù)第二個圖標(biāo)（“總是打開新窗口”的開關(guān)按鈕）open_new_switch_button_normal_image=common_button_open_new_switch_button_normal.bmp open_new_switch_button_active_image=common_button_open_new_switch_button_activ

41、e.bmp; 含義：用來打開多頁下拉菜單，靠近關(guān)閉按鈕旁邊的右起數(shù)第三個圖標(biāo)（“多頁下拉菜單”按鈕; 類型：圖像文件名page_list_button_normal_image=common_button_page_list_button_normal.bmppage_list_button_pressed_image=common_button_page_list_button_pressed.bmp; 含義：鏈接欄上最右邊的下拉按鈕; 類型：圖像文件名more_page_button_normal_image=common_button_more_page_button_normal.bm

42、pmore_page_button_pressed_image=common_button_more_page_button_pressed.bmp; 含義：位于瀏覽器標(biāo)題欄最右側(cè)三個小按鈕中的第一個小按鈕（全屏最小化按鈕; 類型：圖像文件名fullscreen_minimize_button_normal_image=common_button_fullscreen_minimize_button_normal.bmp fullscreen_minimize_button_hot_image=common_button_fullscreen_minimize_button_hot.bmp;

43、含義：位于瀏覽器標(biāo)題欄最右側(cè)中間的小按鈕（全屏恢復(fù)按鈕; 類型：圖像文件名fullscreen_restore_button_normal_image=common_button_fullscreen_restore_button_normal.bmpfullscreen_restore_button_hot_image=common_button_fullscreen_restore_button_hot.bmp; 含義：位于瀏覽器標(biāo)題欄最右側(cè)的第三個全屏關(guān)閉小按鈕（全屏關(guān)閉按鈕; 類型：圖像文件名fullscreen_close_button_normal_image=common_but

44、ton_fullscreen_close_button_normal.bmpfullscreen_close_button_hot_image=common_button_fullscreen_close_button_hot.bmp） ） ） ） ; 類型：圖像文件名溫馨提示：從上面各含義的解釋及括號內(nèi)的圖標(biāo)可以很清楚各小按鈕在瀏覽器上的位置及作用。為您輕意設(shè)計不同風(fēng)格的按鈕提供很大方便。211 多頁標(biāo)簽;=TT皮膚制作手冊 騰訊公司TT項目組 ; 多頁標(biāo)簽tab_mark; 含義：多頁框的背景填充方式; 類型：數(shù)值; 值域：0 表示用顏色填充，1 表示用延伸背景位圖填充，2 表示使用平鋪繪

45、制位圖style=1; 含義：多頁框的背景顏色; 類型：顏色值; 條件：當(dāng)style等于 0 時有效background_color=236,229,247; 含義：普通狀態(tài)下多頁框的背景顏色; 類型：顏色值inactive_color=238,238,246; 含義：普通狀態(tài)下多頁框的邊界顏色; 類型：顏色值inactive_border_color=163,149,198; 含義：激活狀態(tài)下多頁框的背景顏色; 類型：顏色值active_color=204,228,252; 含義：激活狀態(tài)下多頁框的邊界顏色; 類型：顏色值active_border_color=163,149,198up_b

46、order_color=255,255,255; 含義：多頁框的文字顏色; 類型：顏色值; 備注：normal表示普通狀態(tài)，hot表示激活狀態(tài)text_normal_color=88,88,88text_hot_color=20,20,20溫馨提示：如下（圖12-1）中紅區(qū)表示多頁框的激活狀態(tài)下當(dāng)前頁的背景顏色，綠色表示普通狀態(tài)下多頁框的背景顏色。當(dāng)您改變以下各邊界顏色值，就會發(fā)現(xiàn)各種變化效果了。TT皮膚制作手冊 騰訊公司TT項目組（圖12-1）; 含義：右角區(qū)域背景顏色; 類型：顏色值; 條件：當(dāng)定義了corner_image時有效right_region_background_color=

47、150,156,171; 含義：運(yùn)行網(wǎng)頁時在標(biāo)簽欄上的運(yùn)行圖標(biāo); 類型：圖像文件名normal_image=tab_mark_normal.bmp; 含義：激活或非激活狀態(tài)下的運(yùn)行圖標(biāo); 類型：圖像文件名; 備注：active_busy表示當(dāng)前頁正在瀏覽狀態(tài)，inactive_busy表示非當(dāng)前頁正在瀏覽狀態(tài)active_busy_image=tab_mark_active_busy.bmpinactive_busy_image=tab_mark_inactive_busy.bmp; 含義：激活或非激活狀態(tài)下的標(biāo)簽背景圖; 類型：圖像文件名; 備注：active表示當(dāng)前頁狀態(tài)，inactive

48、表示非當(dāng)前頁狀態(tài)active_image=tab_mark_active.bmpinactive_image=tab_mark_inactive.bmp溫馨提示：（圖12-2）已列出右角區(qū)域及多頁框上運(yùn)行網(wǎng)頁時在標(biāo)簽欄上的運(yùn)行圖標(biāo)。仔細(xì)看，可以看到普通狀態(tài)下多頁框的背景顏色填充比激活狀態(tài)下顏色填充要淺。從下圖中，我們也看到運(yùn)行圖標(biāo)在激活及非激活狀態(tài)時的狀態(tài)的不一樣。（圖12-2）TT皮膚制作手冊 騰訊公司TT項目組; 含義：打開網(wǎng)頁而還沒閱讀過的網(wǎng)頁圖標(biāo); 類型：圖像文件名unread_image=tab_mark_unread.bmp; 含義：搜索輸入框后的網(wǎng)頁搜索圖標(biāo); 類型：圖像文件名s

49、earch_image=tab_mark_search.bmp; 含義：背景圖片和右角區(qū)域背景圖片; 類型：圖像文件名background_image=tab_mark_background.bmpcorner_image=tab_mark_corner.bmp212 側(cè)邊欄;=; 側(cè)邊欄side_bar; 含義：側(cè)邊條填充形式; 類型：數(shù)值; 值域：0 表示使用顏色，1 表示使用位圖style=0; 含義：上部標(biāo)題欄的樣式; 類型：數(shù)值; 值域：0 表示使用顏色，1 表示使用延伸位圖，2 表示使用平鋪位圖channel_bar_style=1; 含義：普通狀態(tài)下的上下邊界顏色; 類型：圖像文

50、件名up_border_normal_color=231,238,248down_border_normal_color=231,238,248; 含義：普通狀態(tài)下的文字顏色; 類型：顏色值text_normal_color=88,88,88; 含義：側(cè)邊條的背景顏色; 類型：顏色值; 條件: 當(dāng)style等于 0 時有效background_color=236,229,247TT皮膚制作手冊 騰訊公司TT項目組; 含義：側(cè)邊條的背景填充圖; 類型：圖像文件名; 條件：當(dāng)style等于 1 和 2 時有效channel_bar_background_image=side_bar_channel_bar_back