CCO - 專題

創帳時間 - LianSheng

此項目已無需如此操作

如何得知自己的帳號建立時間？

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

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

但是萬一作者看到的話… 筆者只是遵從高手提示而已。

高手提示：別忘了自己遊玩的同時，也要讓其他人能順利享受遊戲！

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

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

先備條件

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

Step 1

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

Step 2

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

Step 3

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

備註

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

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

免責聲明

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

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

投稿方式 - DoUNoDeWae

中文相關翻譯連結

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

修改檔案(翻譯)

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

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

新增故事

如果是要新增故事，就點進剛才"地城故事"地址，點擊右上角"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

如果你是用電腦在玩 CCO 的話，那你可能會覺得遊戲中的捲軸很難使用…
如果你不知道我在說什麼，噢那你可能是用 Firefox 吧？

看一下瀏覽器支援清單

(使用打勾的瀏覽器應該都知道我在說什麼)

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

Step 1

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

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

Step 2

找出 Stylus

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

Step 3

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

紅色

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

綠色

Enabled(已啟用)，請確保這個勾選框是打勾的，否則無法作動。
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

符號使用

\u3000 U+3000
都是指全形空白，也就是右邊這個　 (看起來是空白的實際上有東西)

符號特性

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

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

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

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

例外

已知有部分手機會有跑版的問題，但是數量不多

我知道的只有 Nochesnake0_0 而已
由於我是公益(?性質廣告，所以對我來說沒差
但如果你的廣告是買賣類型的，請斟酌一下
temmie_950807

自訂介面 - LianSheng

自訂的介面樣式: Soft Theme

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

下載連結

提示：你需要安裝擴充元件 Stylus

完整版

因大量使用到 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

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