User:Pjzeta: 두 판 사이의 차이

내용 삭제됨 내용 추가됨

인라인

2026년 6월 5일 (금) 15:11 기준 최신판

코덱스 아이콘 라이트 모드 개선안 비교

각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 틀:CodexTable/styles.css에 CSS 한 줄을 추가하는 방식.

방안	라이트 배경	다크 배경	비고
A. 현재 (보정 없음)			라이트에서 아이콘 소실
B. 다크 칩 — 그라데이션			양 테마 동일 CSS, 인게임 UI 느낌. 테마 분기 불필요
C. 다크 칩 — 단색 + 테두리			B보다 평면적, 다크에서 테두리로 칸 구분 명확
D. 외곽선 강화 (drop-shadow)			16px 스탯 아이콘에 쓰는 방식. 면적 큰 흰 영역 내부는 여전히 흰색
E. 반전 (invert, 라이트 한정)			라이트에서만 반전 적용 가정. 테마 3종(라이트/다크/OS 자동) 분기 CSS 필요, 반투명 픽셀 회색 번짐 가능

@@ 1번째 줄: / 1번째 줄: @@
+== 코덱스 아이콘 라이트 모드 개선안 비교 ==
-이 문서는 위키 편집 옵션 검토용 작업 메모입니다.
+각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 <code>틀:CodexTable/styles.css</code>에 CSS 한 줄을 추가하는 방식.
+{| class="wikitable" style="word-break:keep-all;"
-== 1. 분류:세계관 본문 옵션 ==
+! 방안 !! style="min-width:240px;" | 라이트 배경 !! style="min-width:240px;" | 다크 배경 !! 비고
-분류:세계관 카테고리 페이지 자체에 들어갈 짧은 안내문 후보입니다. 현재 비어 있고 멤버 문서는 6개 부착되어 있습니다.
-=== A. 한 줄형 (최소) ===
-<syntaxhighlight lang="text">
-ZETA 세계관 관련 문서.
-</syntaxhighlight>
-=== B. 한 줄 + 허브 링크 (추천) ===
-<syntaxhighlight lang="text">
-ZETA 세계관 관련 문서. 전체 개요는 [[세계관]] 참고.
-</syntaxhighlight>
-=== C. 살짝 구조화 ===
-<syntaxhighlight lang="text">
-ZETA 세계관 관련 문서 모음.
-* 전체 개요: [[세계관]]
-* 지역/국가: [[아에로른]] · [[차마스]] · [[게비츠]] · [[나빌]]
-* 세력/부족: [[브레게둘]]
-</syntaxhighlight>
-주의: 분류 페이지 자체에는 <code><nowiki>[[분류:세계관]]</nowiki></code> 붙이지 않음 (자기참조). 멤버 목록은 미디어위키가 자동 렌더.
-== 2. 세계관 문서 - 지역 나열 옵션 ==
-세계관 문서에서 각 지역별 문서로 빠르게 이동하기 위한 네비게이션 섹션 후보입니다.
-=== A. 위키 표 (wikitable) ===
-<syntaxhighlight lang="text">
-== 지역 ==
-{| class="wikitable"
-! 한글 !! 원문 !! 비고
 |-
+| '''A. 현재''' (보정 없음)
-| [[칼리폴리스]] || Kallipolis ||
+| style="background:#ffffff; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
+| style="background:#14181f; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
+| 라이트에서 아이콘 소실
 |-
+| '''B. 다크 칩 — 그라데이션'''
-| [[광산도시 오즈]] || Oz ||
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| style="background:#14181f; text-align:center;" | <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| 양 테마 동일 CSS, 인게임 UI 느낌. 테마 분기 불필요
 |-
+| '''C. 다크 칩 — 단색 + 테두리'''
-| [[게비츠]] || Gevitz || 동부 대륙 왕국
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| style="background:#14181f; text-align:center;" | <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| B보다 평면적, 다크에서 테두리로 칸 구분 명확
 |-
+| '''D. 외곽선 강화''' (drop-shadow)
-| [[아에로른]] || Aerorn || 세계수 도시
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| style="background:#14181f; text-align:center;" | <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| 16px 스탯 아이콘에 쓰는 방식. 면적 큰 흰 영역 내부는 여전히 흰색
 |-
+| '''E. 반전''' (invert, 라이트 한정)
-| [[브레게둘|브레게둘 부족]] || Bregedur Tribe || 아에로른 분리 부족
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
-|-
+| style="background:#14181f; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
-| [[나빌]] || Navvil || 다부족 연합국가
+| 라이트에서만 반전 적용 가정. 테마 3종(라이트/다크/OS 자동) 분기 CSS 필요, 반투명 픽셀 회색 번짐 가능
-|-
-| [[태한제국]] || Taehan Empire ||
-|-
-| [[야마타]] || Yamata ||
-|-
-| [[차마스|표류대륙 차마스]] || Chamahs || 동방 표류대륙
-|-
-| [[케탈란 군도]] || Ketalan archipelago ||
-|-
-| [[발루람]] || Valluram ||
 |}
-</syntaxhighlight>
-장점: 11개 한 눈에 보기 좋음. 영문명 컬럼 깔끔. 비고 비어 있어도 어색하지 않음.
-=== B. 정의 목록 ===
-<syntaxhighlight lang="text">
-== 지역 ==
-;[[칼리폴리스]] (Kallipolis)
-:
-;[[광산도시 오즈]] (Oz)
-:
-;[[게비츠]] (Gevitz)
-:동부 대륙 왕국
-;[[아에로른]] (Aerorn)
-:세계수 도시
-;[[브레게둘|브레게둘 부족]] (Bregedur Tribe)
-:아에로른 분리 부족
-;[[나빌]] (Navvil)
-:다부족 연합국가
-;[[태한제국]] (Taehan Empire)
-:
-;[[야마타]] (Yamata)
-:
-;[[차마스|표류대륙 차마스]] (Chamahs)
-:동방 표류대륙
-;[[케탈란 군도]] (Ketalan archipelago)
-:
-;[[발루람]] (Valluram)
-:
-</syntaxhighlight>
-장점: 마크업 가장 가벼움. 단점: 한글·영문이 한 줄이라 시선 흐름이 약함.
-=== C. 갤러리 (이미지 카드) ===
-<syntaxhighlight lang="text">
-== 지역 ==
-<gallery mode="packed" widths="200" heights="120">
-파일:게비츠01.jpg|[[게비츠]] (Gevitz)
-파일:아에로른01.png|[[아에로른]] (Aerorn)
-파일:차마스01.png|[[차마스|표류대륙 차마스]]
-파일:나빌01.png|[[나빌]] (Navvil)
-</gallery>
-</syntaxhighlight>
-장점: 시각적으로 강력. 단점: 이미지 없는 지역(칼리폴리스/오즈/태한제국/야마타/케탈란/발루람/브레게둘)은 placeholder 별도 필요.
-== 3. 세계관 문서 - Navpills 12셀 (추천) ==
-대문 네비게이션(<code><nowiki>{{MainPage/navigation}}</nowiki></code>)과 동일한 <code><nowiki>{{Navpills}}</nowiki></code> 템플릿을 사용한 6×2 카드 메뉴. Lua 모듈이 page1..N 동적 처리, CSS flex로 자동 wrap.
-<syntaxhighlight lang="text">
-== 지역 ==
-{{Navpills
-|page1 = 칼리폴리스 |image1 = 아란고원.png
-|page2 = 광산도시 오즈 |image2 = 아란고원.png
-|page3 = 게비츠 |image3 = 게비츠01.jpg
-|page4 = 아에로른 |image4 = 아에로른01.png
-|page5 = 브레게둘 |text5 = 브레게둘 부족 |image5 = 아란고원.png
-|page6 = 나빌 |image6 = 나빌01.png
-|page7 = 태한제국 |image7 = 아란고원.png
-|page8 = 야마타 |image8 = 아란고원.png
-|page9 = 차마스 |text9 = 표류대륙 차마스 |image9 = 차마스01.png
-|page10 = 케탈란 군도 |image10 = 아란고원.png
-|page11 = 발루람 |image11 = 아란고원.png
-|page12 = 임시페이지 |image12 = 아란고원.png
-}}
-</syntaxhighlight>
-핵심 포인트:
-* <code>text=</code> 파라미터로 표시명 별도 지정 (페이지명 ≠ 표시명일 때만 사용).
-* 영문 표기(Kallipolis 등)는 셀 폭 좁아 잘릴 수 있으므로 셀에는 한글만. 영문은 각 지역 페이지 본문 첫줄에 굵게.
-* 이미지: 기존 페이지에서 확인된 것만 사용. 나머지는 <code>아란고원.png</code> placeholder (대문 nav와 동일 패턴).
-* <code>page12=임시페이지</code>로 12번째 셀 채워 빈자리 방지 (대문 nav와 동일).
-배치 위치: 세계관 문서 도입부 인용구 다음, 본격 본문 위에 <code><nowiki>== 지역 ==</nowiki></code> 섹션으로 삽입.
-== 대상 문서 목록 (분류:세계관 후보) ==
-이미 부착 완료:
-* [[세계관]]
-* [[아에로른]]
-* [[차마스]]
-* [[게비츠]]
-* [[나빌]]
-* [[브레게둘]]
-미생성 (생성 시 분류 포함):
-* 칼리폴리스 / 광산도시 오즈 / 태한제국 / 야마타 / 케탈란 군도 / 발루람
-stub (검토 필요 - 영웅/지역/세력 분류):
-* 세네스 · 라벡 · 베스퍼 · 스칼리오네 · 위페이 · 율&선하 · 파이퍼 · 모리 · 님지 · 토린 · 인호 · 디아드 · 히어로