Neoline(비교)

r8 vs r9
......
4141
4242현생 이슈로 많이 밀린 것이 아쉽긴 하지만, 열심히 최적화해서 이 스킨을 완성하고자 한다.
4343
44== config ==
45=== publicConfig.json ===
46||<-5><tablebordercolor=#696FFF><bgcolor=#696FFF><tablebgcolor=#fff,#1c1d1f><color=#fff> {{{+1 '''Central 스킨 변수'''}}} ||
47|| '''종류''' || '''변수 이름''' || '''기본값''' || '''사용 예시''' || '''추가 설명''' ||
48|| 메인 컬러 || skin.central.main_color || '''{{{#!wiki style="display: inline-block; background: #996fff; border: 1px solid #000; border-radius: 10px; padding: 1px 7px 0 7px; color: #fff;" dark-style="border-color: #fff;"
49#996FFF}}}''' || "skin.central.main_color": "#696FFF" || [* 크롬 테마 컬러와 엔진 내부의 브랜드 컬러로 사용된다.] ||
50|| 상단바 색상 || skin.central.nav_color || '''{{{#!wiki style="display: inline-block; background: #996fff; border: 1px solid #000; border-radius: 10px; padding: 1px 7px 0 7px; color: #fff;" dark-style="border-color: #fff;"
51#996FFF}}}''' || "skin.central.nav_color": "linear-gradient(90deg, #996FFF, #696FFF)" || [* 단색이 기본값이나 그라데이션 같은 문법도 사용 가능하다.] ||
52|| 서브 컬러 || skin.central.sub_color || '''{{{#!wiki style="display: inline-block; background: #a783ff; border: 1px solid #000; border-radius: 10px; padding: 1px 7px 0 7px; color: #fff;" dark-style="border-color: #fff;"
53#A783FF}}}''' || "skin.central.sub_color": "#7E83FF" || [* 상단바 아이템을 마우스 호버할 때 나타나는 색상과 마우스 드래그 했을 때 표시되는 색상이다.] ||
54||<|2> 이름공간 밑줄 색상 || skin.central.ns_color ||<|2> '''{{{#!wiki style="display: inline-block; background: #a783ff40; border: 1px solid #000; border-radius: 10px; padding: 1px 7px 0 7px;" dark-style="border-color: #fff;"
55#A783FF40}}}'''
56[* 투명도가 포함되어 있는 헥스 코드이기 때문에 기본값으로는 다크모드 구분이 없다. 구버전 브라우저에서는 작동 안 할 수 있다.] || "skin.central.ns_color": "#e7ddff" || [* 라이트모드일 때의 이름공간 밑줄 색상.] ||
57|| skin.central.dark_ns_color || "skin.central.dark_ns_color": "#532fa9" || [* 라이트모드일 때의 이름공간 밑줄 색상.] ||
58|| 상단바 로고 가로 길이 || skin.central.logo_width || 75px || "skin.central.logo_width": "75px" || [* 로고가 표시될 면적] ||
59|| 상단바 로고 이미지 세로 크기 || skin.central.logo_size || auto || "skin.central.logo_size": "20px" || [* svg면 자동 조정되나 png, jpg같은 일반 이미지는 따로 조정해줘야 한다.] ||
60|| 특수 기능 드롭다운 위치 변경 || skin.central.dropdown_left || auto || "skin.central.dropdown_left": "0" || [* 로고 길이가 짧은 경우 드롭다운이 오른쪽 정렬할 때 왼쪽이 잘리는 문제가 있는 경우만 0으로 사용할 것.] ||
61|| [사이드바 일정] 시작일 || skin.central.banner_date_start || - || "2023-11-01" || [* 사이드바에 일정을 표시할 시작일 작성] ||
62|| [사이드바 일정] 종료일 || skin.central.banner_date_end || - || "2023-11-01" || [* 사이드바에 일정을 표시할 종료일 작성] ||
63|| [사이드바 일정] 제목 || skin.central.banner_date_title || - || "머찐 기념일" || [* 사이드바에 일정의 제목 입력] ||
64|| [사이드바 일정] 설명 || skin.central.banner_date_content || - || "우와 머찌다" || [* 사이드바에 일정의 설명 입력] ||
65|| [사이드바 일정] 색상 || skin.central.banner_date_color || 1 || "2" || [* 사이드바에 일정의 색상 선택. 1: 빨강 / 2: 노랑 / 3: 초록] ||
66|| [사이드바 일정] 링크 || skin.central.banner_date_link || - || "/w/central" || [* 사이드바에 일정을 클릭했을 때 넘어갈 링크 작성. 외부 링크 불가] ||
67
68=== stringConfig.json ===
69 * skin.central.footer_html
70 * footer_text보다 우선 적용하고 싶을 때 사용
71 * skin.central.sitenotice
72 * 위키 전체 공지보다 우선 적용
73 * 해당 스킨만 작동하는 공지를 적용하고 싶을 때도 가능
74 * skin.central.ad_top_html / skin.central.ad_side_html
75 * 문서 제목과 내용 사이 / 사이드바 목차 아래에 광고 적용 가능
76 * {{{nonce="{cspNonce}"}}}를 넣어야 정상 작동
77
4478== [anchor(사용 위키)]사용 위키 ==
4579> 순서는 적용된 순서대로 정렬합니다.
4680 * [[https://daol.cc|다올위키]]
......