문서 편집 권한이 없습니다. 다음 이유를 확인해주세요: 요청한 명령은 다음 권한을 가진 사용자에게 제한됩니다: 사용자. 문서의 원본을 보거나 복사할 수 있습니다. {{틀 도움}} {{넘겨주기|틀=.|sidebarcolor}} {{관련 문서2|틀:내비게이션 바 색상}} <onlyinclude><includeonly>{{#css:.live-recent-header { border-right: 1px solid {{{1|#880e4f}}}!important; border-left: 1px solid {{{1|#880e4f}}}!important; border-top: 1px solid {{{1|#880e4f}}}!important; background: {{{3|#880e4f}}}!important; } .live-recent-header-link { color: {{{2|#880e4f}}}!important;} .icon-color { fill: {{{4|#880e4f}}}!important;;} .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item { border: 1px solid {{{1|#880e4f}}}!important; } .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:hover, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:focus, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:active { color: {{{2|#880e4f}}}!important; background: {{{3|#880e4f}}}!important; } .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content { background: {{{3|#880e4f}}}!important; border-left: 1px solid {{{1|#880e4f}}}!important; border-right: 1px solid {{{1|#880e4f}}}!important; } .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item { color: {{{2|#880e4f}}}!important; } .live-recent-header {background: {{{3|#880e4f}}}!important;} .live-recent-footer { border-left: 1px solid {{{1|#880e4f}}}!important; border-right: 1px solid {{{1|#880e4f}}}!important; border-bottom: 1px solid {{{1|#880e4f}}}!important; background: {{{3|#880e4f}}}!important; } .RSSfeed {background: {{{3|#880e4f}}}!important;} .RSSfeed .post { border-left: 1px solid {{{1|#880e4f}}}!important; border-right: 1px solid {{{1|#880e4f}}}!important;} .rssh {color: {{{2|#880e4f}}}!important;} .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-header, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed .post .post-head .feed .title .rssh, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed, .mw-normal-catlinks, .Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks{ background: {{{3|#880e4f}}}!important;} .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .live-recent-header-link, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-header .live-recent-header-link, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed .post .post-head .rssh {color:{{{2|#880e4f}}}!important;} .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-header{border-right: 1px solid {{{1|#880e4f}}}!important; border-left: 1px solid {{{1|#880e4f}}}!important; border-top: 1px solid {{{1|#880e4f}}}!important; } .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer, .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .live-recent-footer { border-right: 1px solid {{{1|#880e4f}}}!important; border-left: 1px solid {{{1|#880e4f}}}!important; border-bottom: 1px solid {{{1|#880e4f}}}!important;} .Liberty .content-wrapper .liberty-sidebar .sticky .post-head .RSSfeed .post { border-left: 1px solid {{{1|#880e4f}}}!important; border-right: 1px solid {{{1|#880e4f}}}!important; } }}</includeonly></onlyinclude> ==개요== 사이트 우측 사이드 바의 색상을 바꾸는 틀입니다. ==일반 틀 커스텀(틀 방식)== 사이드 바의 경우 상단바와 달리 사용에 있어 여러가지 제약이 있습니다. {{color|red|'''라이트 모드에서도 문서가 어두운 바탕(문서 내부와 사이트 백그라운드 모두 어두워야함)에 밝은 글씨를 사용하는 경우에만 사용'''}}할 수 있습니다. 즉 나무위키 형식 틀을 사용하는 경우, 사이트 기본 디자인을 사용하는 경우, 기본 디자인이 아니더라도 밝은 디자인을 사용하는 경우 사이드바를 커스텀해서는 안됩니다.(발견시 경고 및 무통보 롤백, 재사용시 차단) 또한 사용 조건을 충족하는 경우에도 색상이 너무 튀어서도 안되고(문서 전체적인 색감과 조화를 이루어야함), 자간, 객체의 크기, 선의 굵기 등 다른 요소는 건드릴 수 없으며 '''오직 외곽선색과 글자색, 배경색, 아이콘색만 변경할 수 있습니다'''. 순서대로 문법을 이용하며, 모든 색상을 지정해야합니다.(미지정시 사이트 메인색상 노출) 배경그라데이션의 경우 적용시킬 수는 있지만, 개체가 나뉘어져 있기 때문에 제대로 커스텀해야 시각적 불편함을 최소화할 수 있습니다.(그라데이션이 난잡하게 적용되어 있으면 그라데이션을 제거하거나 변경하라는 요청이 올 수 있습니다.) 만약 위 기준에 걸릴지 안 걸릴지 애매해서 내 문서의 사이드바 색상을 커스텀해도 되는지 알고 싶다면, [[사용자:모니터링]]에게 담벼락으로 문의해볼 수 있습니다. === 틀방식 예시 === {|{{style|class=wiki}} |- !문법||결과 |- |<pre>{{사이드 바 색상|green|orange|gray|pink}}</pre>||{{사이드 바 색상|green|orange|gray|pink}}사이트 우측을 확인해 보세요 |} ==더 나은 커스텀(컨펌 방식)== 대전제는 같습니다. 아래의 모든 조건 이전에 {{color|red|'''라이트 모드에서도 문서가 어두운 바탕(문서 내부와 사이트 백그라운드 모두 어두워야함)에 밝은 글씨를 사용하는 경우에만 사용'''}}이라는 조건을 충족해야합니다. 먼저 자신의 연습장에 사이드바를 커스텀한 후(바로 실제 문서에 적용하면 그냥 제재합니다.) [[사용자:모니터링]]에게 실제 문서에 적용해도 되는지 컨펌을 받은 후에는 좀 더 커스텀 제한이 완화됩니다. 좀 더 완화된 커스텀에서도 반드시 지켜져야할 사항이 있습니다. '''1. 사이드바의 위치를 변경하지 않을 것'''(우측 사이드바가 좌측으로 가거나, 아래에 붙거나 등 위치를 옮겨서는 안됨) <br>'''2. 사이드바의 크기가 너무 달라지지 않을 것'''(문서 디자인과의 조화를 위해 일부 변경될 수 있지만 너무 달라져서는 안됨) <br>'''3. 라이트모드, 다크모드 호환성을 보장해야함'''(수정시 본인의 브라우저 모드만 확인하지 말고, 환경설정 - 리버티스킨 - 무시하고 어두운/밝은 모드 활성화로 모두 확인해 보아야함) <br>'''4. 형식이 너무 달라지지 않을 것'''(제목 - 내용 순서인데 내용 - 제목 순서로 바꾸는 것 등. 아이콘을 바꾸거나 하는 것 정도는 괜찮음) ===더 나은 커스텀 적용 문서/세계관 목록=== 아래는 컨펌을 받아 사이드바 디자인을 변경한 사례입니다. 이 문서에서 사용한 틀: 틀:Color (원본 보기) 틀:Style (원본 보기) 틀:관련 문서2 (원본 보기) 틀:넘겨주기 (원본 보기) 틀:사이드 바 색상 (원본 보기) 틀:틀 도움 (원본 보기) 틀:사이드 바 색상 문서로 돌아갑니다.