Ccfolia Tab Customizer

ココフォリアのチャットタブを3段まで折り返し表示し、選択中のタブに赤いラインを表示します。

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

작성자
murahito130
일일 설치 수
1
총 설치 수
2
평점
0 0 0
버전
1.1.0
생성일
2025-11-27
갱신일
2025-11-27
크기
5.51KB
라이선스
MIT
적용 사이트

Ccfolia Tab Customizer

ココフォリア(ccfolia.com)のチャットタブ表示を改善し、視認性と操作性を向上させるユーザースクリプトです。 タブが増えて横スクロールが面倒になったり、どのタブを開いているか分かりにくかったりする場合に役立ちます。

✨ 主な機能

  1. タブの折り返し表示

    • タブが横一列ではなく、画面端で自動的に折り返して表示されます。
    • 横スクロールボタンを連打する必要がなくなり、全てのタブを一覧しやすくなります。
  2. 表示行数の制限とスクロール

    • タブエリアが広がりすぎないよう、最大表示行数を3行(デフォルト)に制限しています。
    • それ以上の行数になる場合は、タブエリア内だけで縦スクロールが可能になります。
  3. 選択中タブの強調

    • 現在開いているタブの下部に赤いラインを表示し、太字で強調します。
    • デフォルトのインジケーターよりもはっきりと現在地がわかります。
  4. スタイル調整

    • 不要なスクロールボタン(左右の矢印)を非表示にし、すっきりさせました。
    • タブの高さをコンパクト(36px)に統一しています。

⚙️ 設定の変更方法

スクリプト内の上部にある CONFIG 定数を書き換えることで、好みの見た目に調整可能です。

    const CONFIG = {
        // タブ1行あたりの高さ(px)
        TAB_HEIGHT: 36,

        // 表示する最大行数(これを超えるとスクロールバーが出ます)
        MAX_ROWS: 3,

        // 選択中タブのラインの太さ(px)
        LINE_WIDTH: 2,

        // 選択中タブのラインの色
        LINE_COLOR: '#ff0000'
    };

動作環境

  • Tampermonkey などのユーザースクリプトマネージャーが必要です。
  • ココフォリア (https://ccfolia.com/) のルーム内でのみ動作します。

ライセンス

MIT License