---
title: CCO專題
description: 最酷的資料 ( •̀ ω •́ )✧
tags: CCO
image: https://i.imgur.com/nzHnMPs.png
lang: zh-tw
---

# CCO - 專題
## 創帳時間 - LianSheng
:::spoiler
# 此項目已無需如此操作
### 如何得知自己的帳號建立時間？

這篇可能有點玩火成分。
不過 Dexter 曾經說過這不是機密資料，所以應該是可以拿出來說的...（吧）

**某次回報作者得到的回覆，既然銀行都不是機密資訊了，那帳號建立時間肯定也是。**

但是萬一作者看到的話... 筆者只是遵從**高手提示**而已。
> 高手提示：別忘了自己遊玩的同時，也要讓其他人能順利享受遊戲！

筆者認爲讓大家更瞭解自己也是一種享受遊戲。
廢話不多說，底下正題開始：

<!-- TOC -->

- [如何得知自己的帳號建立時間？](#如何得知自己的帳號建立時間)
- [先備條件](#先備條件)
- [Step 1](#Step-1)
- [Step 2](#Step-2)
- [Step 3](#Step-3)
- [備註](#備註)
- [免責聲明](#免責聲明)

<!-- /TOC -->

---

#### 先備條件
* **使用電腦**
* 使用現代瀏覽器，以能順利開啓 CyberCodeOnline 爲標準
* 鍵盤沒有壞掉
* 看得懂 26 個英文字母跟 10 個阿拉伯數字
* 會使用滑鼠

#### Step 1
按 `F12` 叫出開發者工具，然後依序選中 `Network`，以及 `fetch/XHR`
（這裏以 Chrome 爲例，不同的瀏覽器可能略有落差）

#### Step 2
隨便進入一個地下城，然後查看右邊的 `enterDungeonById`，然後選擇 `Preview`
（事實上有很多操作都可以達成目的，只是這裡以進入地下城作爲範例）

#### Step 3
依照附圖順序檢視詳細資料，順利的話，你可以從 `ct` 這個值看到你的帳號建立時間
（這是 `createdTime` 的縮寫，記錄的時間是 +0 時區）

#### 備註
由於過去不知道什麼時候曾經發生資料遺失事件，因此筆者的具體帳號建立時間已無從考據...
不過可以確定的是，在 2021/12 之後建立的帳號都還正常（更之前的不確定了）

~~再次出賣一次作者~~

#### 免責聲明
這篇只是教你怎麽查看自己的帳號建立時間，不是教你作弊，也不是教你怎麽翻漏洞。等等，
如果有發現任何漏洞，請及時通報作者！

**維護良好的遊戲環境，需要你我共同努力** :D
:::

## 投稿方式 - DoUNoDeWae
:::spoiler
[中文相關翻譯連結](https://github.com/DexterHuang/CyberCodeOnline/tree/master/contribution/mobile/zh-TW)

我自己只有寫故事跟偶爾加個王或是怪物名稱，對加其他東西有興趣可以嘗試
反正動作不難

### 修改檔案(翻譯)
如果是要修改檔案，那就在原先檔案右上角按編輯

然後你就可以更改檔案內容了

### 新增故事
如果是要新增故事，就點進剛才`"地城故事"`地址，點擊右上角`"Add file" => "Create new file"`新增檔案
然後就可以在這裡寫故事

但是不是改完或寫完故事就沒事了，**改完需要進行後續動作(Create pull request)才會儲存**

可以把Create pull request理解成，你告知作者你想新增這項改動，如果作者覺得沒問題，你的Create pull request就會過審並且併入遊戲裡

拉到畫面底下會看到這個
上面標題，底下註釋
主要是描述你提出了什麼改動或是新增了什麼檔案
後面就滿簡單的 按create pull request就對了

### 確認投稿
如果上述流程走完，你應該可以在這個地方(pull request 40，40是我截圖的這個時候有40個pull request在等候核准的意思)看到自己新增的內容
如果沒看到表示沒create成功
大概就這樣
有問題或是想討論寫故事歡迎找我(只是我對故事的真實跟合理性很執著請小心)
:::

## 自訂卷軸 - LianSheng
:::spoiler
如果你是用電腦在玩 CCO 的話，那你可能會覺得遊戲中的捲軸很難使用...
如果你不知道我在說什麼，噢那你可能是用 Firefox 吧？

看一下瀏覽器支援清單
(使用打勾的瀏覽器應該都知道我在說什麼)

總之呢，爲了改善預設的捲軸，你可以考慮參考下面的教學。(以 Chrome 示範)

***

### Step 1
安裝瀏覽器擴充元件 Stylus
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

*註：避免被上綱成腳本，所以才使用 Stylus 而不是 userscript

### Step 2

找出 Stylus

先把目前分頁轉到 CCO 的畫面，接著點擊這個連結，你會看到它另開一個分頁

### Step 3

新開的頁面大概長這樣，如果你對此相當陌生的話，那我先簡單介紹一下；如果你很熟悉，請直接跳到 Step 4


* 紅色
1. 自訂樣式（這個檔案）的名字，這裡可以隨便亂填，不過如果你上一步有確實做的話這裡應該會顯示 `cybercodeonline.com`
2. 寫程式碼的位置，等等 Step 4 要用到這裡。
3. 決定這個檔案會在哪個網站生效，請確保它有包含到 `cybercodeonline.com`。如果前面有確實做的話這裡可以直接忽略。
4. 存檔。快捷鍵是 `Ctrl+S`

* 綠色
1. Enabled(已啟用)，請確保這個勾選框是打勾的，否則無法作動。
2. Live preview(即時預覽)，必須要儲存後才會出現。如果你對後續的更改有興趣的話，可以打勾這個選項，它能即時顯示你的變更。

### Step 4

複製下方程式碼，貼到上圖 `紅2` 的位置，然後存檔。

/* 整條捲軸 */
::-webkit-scrollbar {
background-color: #ffffff08;
width: 10px;
height: 10px;
}

/* 只有捲軸的拖曳區塊 */
::-webkit-scrollbar-thumb {
background-color: #ffffff20;
border-radius: 5px;
position: absolute;
}

/* 當滑鼠移上時，捲軸拖曳區塊的樣式 */
:hover::-webkit-scrollbar-thumb {
background-color: #ffffff60;
}

/* 當滑鼠按住不放時，捲軸拖曳區塊的樣式 */
/* 因爲 webkit-scrollbar-thumb 本身是僞元素
 所以滑鼠在捲軸相關的整個區域點擊時都會受到影響
 如果不想要看到旁邊的捲軸一閃一閃的話
 可以考慮把底下這塊刪掉
*/
:active::-webkit-scrollbar-thumb {
background-color: #ffffffa0;
}

### Preview
上述步驟完成後，你應該可以看到這樣：

*註：因爲是純 CSS，所以在背包畫面拖曳時會觸發長按的效果（也就是會進入複選的狀態），這點目前暫時想不到如何解決。
:::

## 廣告排版 - temmie_950807
:::spoiler
### 符號使用
`\u3000` `U+3000`
都是指全形空白，也就是右邊這個 `　` (看起來是空白的 實際上有東西)

### 符號特性
> 我沒有另外研究, 所有特性都只發生在CCO

1. 每一個\u3000都是全形的, 也就是與一個中文字等寬
2. 如果與文字交接處有一般空白(你常用的那個 、 ` ` 、 `\u0020`)且過長，則會換行
3. 如果與文字完全交接且過長，則多餘部分會溢出，視覺上會有換行的效果

> 第二點的範例，因為`字`與`\u3000`中間有空格(`\u0020`)，所以造成跑版


> 第三點的範例，可以看出有溢出的情況


### 例外
已知有部分手機會有跑版的問題，但是數量不多
> 我知道的只有 `Nochesnake0_0` 而已
> 由於我是公益(?性質廣告，所以對我來說沒差
> 但如果你的廣告是買賣類型的，請斟酌一下
> [name=temmie_950807]

:::

## 自訂介面 - LianSheng
:::spoiler
### 自訂的介面樣式: Soft Theme

嘗試讓介面看起來更圓潤。
以 **「少就是多」** 爲目的調整介面的編排。
減少同時出現的文字，看起來更清晰，且需要滾動的距離更少。

#### 下載連結

**提示：你需要安裝擴充元件 [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en)**

##### 完整版
因大量使用到 CSS 的 `:has()`，所以支援的瀏覽器較少。

**支援清單：**
- Chrome 101-104 部分支援，需啓用 **experimental-web-platform-features**
(chrome://flags/#enable-experimental-web-platform-features)
- Chrome >= 105 完整支援
- Safari >= 15.4 完整支援
-
[https://userstyles.world/style/5628/cco-soft-theme](https://userstyles.world/style/5628/cco-soft-theme)

（備註：啓用 **experimental-web-platform-features** 後可能需要重新安裝 Stylus）

##### 輕便版
爲了適應更多版本的瀏覽器。
[https://userstyles.world/style/5707/cco-soft-theme-lite](https://userstyles.world/style/5707/cco-soft-theme-lite)

#### 參考截圖

##### 地圖頁
（完整版）把鼠標移到按鈕上便能顯示等級。

（完整版）實驗性地把上面的「附近的敵人」與「地下城」並列。
至於原本底下的說明，我覺得太冗長了（多餘）所以就直接隱藏掉了。

##### 背包頁
由於背包頁原生樣式用到了大量 inline-style，對於純 CSS 而言是無法更改的。
（完整版）此頁面只有調整上面的選項。

##### 聊天頁
（完整版）調整了上面的選項。
調整了對話的框框，看起來更圓滑，並且刪除了原本的部分裝飾線，讓樣式更一致。
調整了會員等級的顯示文字，文字更大更清楚。

##### 個人檔案頁
（完整版）調整了上面的選項。
（完整版）調整了玩家能力值清單，只有當鼠標移上去時才會顯示該屬性的說明。
調整了玩家所處公會的資訊，使其樣式與上面的能力值清單一致。

#### 其他
最後，我只有在 Chrome 上使用。
如果使用其他瀏覽器看起來效果不好的話還請見諒。
:::

## 置頂效益 - LianSheng
:::spoiler
# 此項目已無法運作
> 「每次跟車時都要切過去確認免得誤上靈車...」

> 「幹，我校準時想要確認還剩多久，結果就親眼目睹倒數結束，我沒跟到RRR」

> 「作者，可不可以把全球效應放在更顯眼的位置？」

...

你是不是也有類似的困擾呢？
也許這工具可以協助你減少這類問題。
（免責聲明：僅限電腦版 :D）


---

嘗試在原生介面上加上全球效應顯示。
**沒有任何使用任何額外請求，不會造成伺服器的負擔。**

### 前言
衆所周知，作者會看中文頻道。

前陣子我發了一條訊息如下：
（截自 2022.07.24）

經過了 8 天，作者沒有任何回應，但也沒有把我的訊息編輯掉，於是我就當做他默許了。

再加上底下青蛙如此留言：
（截自 2022.07.24）

嗯，我想這應該很清楚了。

### 相容性
- Chrome >= 80
- (未測試) Edge >= 80
- (未測試) Firefox >= 103

### 安裝

0. 需安裝 Tampermonkey 這類管理使用者腳本的擴充元件，並且也建議使用 Tampermonkey。 [[Chrome](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo)] [[Firefox](https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/)] [[Edge](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd)]
1. 需安裝核心模組 [[Core] CCO 自定義工具核心模組](https://github.com/CCO-Project/userscripts/raw/master/CoreModule/index.user.js)
2. [點我安裝這個模組（[Module] CCO: 顯示全球增益）](https://github.com/CCO-Project/userscripts/raw/master/TopGlobalBuffs/index.user.js)

### 功能
- 在主要操作介面上顯示全球效應
- 自動計算同類型效應的總效果
- 顯示時間精準到秒鐘
- 只顯示六種特定效應：
- 突觸 Syn.
- 額葉 Frnt.
- 交易 Trade
- 校準 Cali.
- 防爆 Prot.
- RNG RNG

### 圖片參考
(v1.1)

### 已知問題
- 拖移過快時可能導致滑鼠跑得比浮窗還快，導致操作體驗不佳

### 後記
昨天 (2022.07.23) 開始想做這個，但是在這之前我其實更想做的是右側切換公會頻道的功能... 只不過當初就想到未來可能還要擴充其他這類自定義功能，必須事先設計好，所以才有獨立的核心模組這種東西。 爾後又因爲想要找個「小功能」來練個手，於是把主題改成這篇的內容...

對，我昨天真的以爲這個是小功能，我原本預計四個小時內能搞定發佈，原本預計 100 行解決，結果現在寫了 600 多行= =

關於上面提到的切換公會，其實基本文件早就寫好了：

現在就只剩找時間把它實現了。
（哭啊，我原本預計昨天寫「小功能」，今天寫公會的）

效率堪憂啊。

### 特別感謝
- `ChaosOp`: 協助測試、抓錯、甚至改程式碼
- `temmie_950807`: 協助測試，還有被我在半夜裡騷擾www

---

此專案放在 GitHub 的 [CCO-Project/userscripts](https://github.com/CCO-Project/userscripts)
若沒有出意外（例如被勒令停業）的話，未來會慢慢擴充。
:::

## 主題顏色

{%hackmd @temmie950807/CCO_style %}