# TSS chat style (Onecomme模板) :::info Onecomme 官方載點: https://onecomme.com/ TSS chat style 模板下載: https://drive.google.com/file/d/1zBsVH-LJDMTOVAqlSOD58X7pQ7hcvziV/view?usp=drive_link ::: ## 造型預覽 ![image](https://hackmd.io/_uploads/S1mX_ucRA.png) ## 使用說明: 1. 解壓縮後把TSS整個資料夾放到 %AppData%\onecomme\templates\custom\ ![image](https://hackmd.io/_uploads/HJ5EPPqCR.png) 2. 開啟Onecomme > 右上角 [...] > 模板 ![image](https://hackmd.io/_uploads/r1IIvw9AC.png) 3. 找到TSS模板,拖曳到OBS內即可。 ![image](https://hackmd.io/_uploads/BkBcwP5A0.png) 4. 建議寬800 高550 ## 特色 - 支援Twitch 表符放大功能: ![image](https://hackmd.io/_uploads/SJdZ_vqR0.png) - 支援Twitch 潮框功能: ![image](https://hackmd.io/_uploads/BkBHuwcCR.png) - 自訂義貼圖指令: ![image](https://hackmd.io/_uploads/Sk1quP9CC.png) ## 自訂義貼圖添加方式: 1. 到TSS模板資料夾,打開script.js (用記事本開啟即可) ![image](https://hackmd.io/_uploads/B197KD5AC.png) 2. 刪除反白的斜線 ![image](https://hackmd.io/_uploads/SkSutv9A0.png) 3. 添加指令和圖檔名稱,如範例的 ```javascript ["sklive_10","sklive_10.gif"], ``` 請按照此格式添加。 4. 把圖片放到Onecomme_img資料夾內 ![image](https://hackmd.io/_uploads/SJdk9wcAR.png) 5. 處理完後記得刷新聊天室。 ![image](https://hackmd.io/_uploads/ByaWqP5R0.png) ※有使用疑問or想改樣式可以到Discord的程式討論區提問。