목차
1 프로젝트 목적
나무위키의 틀을 더욱 알차게 채우기 위한 프로젝트.(사실 더욱 알차게 채우는 것 보다, 틀의 퀄리티를 높여 위키러들을 만족하게 하는 원대한 꿈이 있습니다 - 개설자 iron)
2 참가자 서명
- iron : 개설자
- Miyalma
- nongcang
- DoramiChan
-
Rainy차단됨 - dbgksskd
- triumph41
- Gochuumon_Cocoa
- moneymbd
- zyashu30
- spotlite
- e080hsm
- NaClWiki
- train1110
- AFDGJTHRWSMNRBW
- miso_216
3 도움이 필요한 문서
딱히 필요하진 않으나, 틀의 디자인을 개선합니다. 많은 개선 부탁드립니다.
- 행정구역 틀들에서 일반구가 설치되는 특정시를 볼드체로 구분하던데, 다른 방법이 나을 거 같습니다. 현재 문서를 나타내는 볼드와 구분되게끔.
- 틀:충격요소 같은 빨간 틀들은 섬뜩하게 디자인돼 있어서 보기에 거부감이 듭니다. 거부감이 느껴질수 있는 내용을 경고하는 건데 거부감이 들면 안되죠. 개선이 필요할 듯 싶네요.
- ㄴ그런 의미에서 캐릭터 넣는 것에 대찬성 합니다. 다만 문법상의 오류가 종종 나나 보네요.
- ㄴ저는 딱히 거부감이 든 적은 없었습니다. 제가 소수인지는 잘 모르겠습니다만, 외부에서 편집하거나 열람하다가 그렇고 그런 캐릭터들이 나오면 되게 부끄럽고 창피해지는 경우가 있습니다. 그러한 사용자도 배려하는 쪽에서라도 재고해주셨으면 합니다.
ㄴ오랜지색/검정색/파란색 제안합니다.
3.1 제안
조금 구체적으로 써보겠습니다.
- 틀:사고위험행위,틀:불법,
틀:링크금지, 틀:외부 개입등 뭔가 하지 말라는 틀: 404 때 뜨는 세피로트가 X자 들고있는 모습 - 단, 틀:반달방지는 NO반달 든 걸로
- 틀:토론 중,
틀:논란방지(삭제) 등 논란과 관련된 틀: 세피로트가 !자 들고 있는 틀 - 틀:충격요소: '무냐의 일상'부분을 보니 겁에 질려 뒤로 나자빠진 일러스트가 있던데, 그거 인용하죠.
판치라인게 문제;; - 편집 제한 틀들: 무냐의 반달방지 일러스트
- 틀:인터넷 카페(맞나?): 밑에 있는 세피로트가 여유부리는 거
- 심플 틀:틀 내용확인 권장 메세지 추가
- 과도하게 많이 쓰이는 틀 사용 억제 방안 추가.
- 틀:연혁의 한국사 프로젝트와의 연계를 통한 사용 확대
- 그 외 추가바람
4 테스트
1. 수정됨
이 틀 아래의 내용은 이 문서가 설명하는 작품의 줄거리나 결말, 반전 요소가 직, 간접적으로 포함되어 있습니다. 작품의 내용 누설을 원치 않으시면 이하 내용을 읽지 않도록 주의하거나 문서를 닫아주세요.
원래와의 비교
바뀐점
- '주의, 내용 누설이 있습니다.' 부분이 커짐
- 하이퍼링크 추가
- 굵은 글씨/색깔
2. 수정됨
아래의 내용은 지속적인 갱신이 필요합니다. 확실하지 않은 정보가 등장할 수 있고 내용이 검증된 경우 지속적으로 갱신하기를 권장합니다. 또한 동시 수정이 자주 발생할 수 있으니 문서를 수정하기 전에 편집한 내용을 복사하기를 권장합니다.
바뀐점
- 선 색
- 선 굵게
- 왼쪽 115 짧게, 사진 삭제와 오른쪽 1짧게
- 제목 20
- 5px 라운드 보더
- 여백 10px->15px
- 번짐 1
- 그림자 추가
- 브라우저 크기가 작아지면 글자가 흐르도록
- 이미지 모바일 대용으로 변경
- 이미지 크기 자체를 틀에 넣을 크기로 수정
- 샥 바꿈(오타 아님! "샥" 바꾼것!)
- 굵기 2씩 올림
3. 수정중
이 문서는 실제로 발생했다고 증명된 적이 없는 현상을 다룹니다. 카더라 통신에 기반한 증명되지 않은 내용이 포함되어 있으므로 열람할 때 주의해 주십시오. 또한 내용 중에 개개인에 따라 혐오감을 줄 수 있는 표현이나, 범죄 등의 불법적 내용 및 따라 하면 위험한 내용도 일부 포함하고 있을 수 있으므로 유의해주시기 바랍니다.
바뀐점
- 선색
- 1.선 굵기 (긴장 굵게하라고)
- 제목 크기 (작아질수 있다고...
4.1 둥근 틀
IE 9 이상 부터 둥글게 보입니다. 파이어폭스, Chrome 등 CSS3을 지원하는 대부분의 브라우저에서 지원합니다. 어짜피 나무위키는 구버전 IE로 접속하면 와장창 깨지지 않나?
웹킷 기반의 모바일 브라우저도 대부분 CSS3를 지원하기 때문에 Android와 iPhone에서도 둥글게 보입니다.
4.1.1 5px
이 틀 아래의 내용은 지속적인 갱신을 필요로 하는 내용에 대해 서술하고 있습니다. 때문에 진행 상황에 따라서 갱신되어야 할 가능성이 높으며, 급보는 오보일 수 있습니다.
검증된 내용이 나타날 때마다 지속적으로 갱신하기를 권장합니다. 또한 잦은 동시 수정이 우려되므로, 수정 직전에 편집본을 복사하시기를 권장합니다.
</div>
4.1.1.1 5px + 색칠 + 그림자
70px 이 국가는 대한민국 외교부에서 여행경보 4단계인 여행금지 또는 특별여행경보 2단계인-특별여행경보가 발령되였습니다. 현지에 체류하시는 분들은 즉시 철수 및 귀국해야 하며 외교부의 허가 없이 입국하면 여권법에 의해 여권사용 제한 등 행정제재와 처벌을 받게 되니 허가 없이는 어떤 이유로든 절대로 가면 안 됩니다. 또한 국가보안법 및 남극활동법으로 입국이 금지된 국가·지역을 방문하여도 관련 법률에 의해 처벌받습니다. 자세한 요소는 여행금지국가 문서를 참조해 주시기 바랍니다.
여행경보 단계는 현지 상황에 따라 변경될 수 있으며 설령 여행경보제도가 적용되지 않은 국가라 할지라도 완전한 안전을 보장하지 않습니다. 해외 여행 시에는 외교부 해외안전여행 사이트에서 해당국에 대한 정보를 반드시 숙지해야 합니다. 대한민국 정부에서는 위 권고사항을 따르지 않았을 때 발생하는 피해나 문제에 대해 어떠한 책임도 지지 않습니다.
</div>
4.1.2 10px
이 틀 아래의 내용은 지속적인 갱신을 필요로 하는 내용에 대해 서술하고 있습니다. 때문에 진행 상황에 따라서 갱신되어야 할 가능성이 높으며, 급보는 오보일 수 있습니다.
검증된 내용이 나타날 때마다 지속적으로 갱신하기를 권장합니다. 또한 잦은 동시 수정이 우려되므로, 수정 직전에 편집본을 복사하시기를 권장합니다.
</div>
4.1.3 20px
이 틀 아래의 내용은 지속적인 갱신을 필요로 하는 내용에 대해 서술하고 있습니다. 때문에 진행 상황에 따라서 갱신되어야 할 가능성이 높으며, 급보는 오보일 수 있습니다.
검증된 내용이 나타날 때마다 지속적으로 갱신하기를 권장합니다. 또한 잦은 동시 수정이 우려되므로, 수정 직전에 편집본을 복사하시기를 권장합니다.
</div>
4.1.4 60px
이 틀 아래의 내용은 지속적인 갱신을 필요로 하는 내용에 대해 서술하고 있습니다. 때문에 진행 상황에 따라서 갱신되어야 할 가능성이 높으며, 급보는 오보일 수 있습니다.
검증된 내용이 나타날 때마다 지속적으로 갱신하기를 권장합니다. 또한 잦은 동시 수정이 우려되므로, 수정 직전에 편집본을 복사하시기를 권장합니다.
</div>
4.1.5 80px+
이 틀 아래의 내용은 지속적인 갱신을 필요로 하는 내용에 대해 서술하고 있습니다. 때문에 진행 상황에 따라서 갱신되어야 할 가능성이 높으며, 급보는 오보일 수 있습니다.
검증된 내용이 나타날 때마다 지속적으로 갱신하기를 권장합니다. 또한 잦은 동시 수정이 우려되므로, 수정 직전에 편집본을 복사하시기를 권장합니다.
</div>
이정도 문서틀 크기에서는 대략 80부터 거의 변화가 없습니다.
틀의 세로폭이 늘어나면 그때 더 높은 픽셀값에서 변화가 보입니다.
4.2 내용 축소
주의. 이곳은 여행금지 국가·지역입니다.
이 지역은 대한민국 여권법에 의한 여행금지 또는 기타 법률에 의해 출입이 금지된 지역입니다.
해외 여행 시 반드시 외교부 해외안전여행 사이트에서 해당 국가 또는 지역에 대해 정보를 숙지하시기 바랍니다.
70px 이 국가는 대한민국 외교부에서 여행경보 4단계인 여행금지 또는 특별여행경보 2단계인-특별여행경보가 발령되였습니다. 현지에 체류하시는 분들은 즉시 철수 및 귀국해야 하며 외교부의 허가 없이 입국하면 여권법에 의해 여권사용 제한 등 행정제재와 처벌을 받게 되니 허가 없이는 어떤 이유로든 절대로 가면 안 됩니다. 또한 국가보안법 및 남극활동법으로 입국이 금지된 국가·지역을 방문하여도 관련 법률에 의해 처벌받습니다. 자세한 요소는 여행금지국가 문서를 참조해 주시기 바랍니다.
여행경보 단계는 현지 상황에 따라 변경될 수 있으며 설령 여행경보제도가 적용되지 않은 국가라 할지라도 완전한 안전을 보장하지 않습니다. 해외 여행 시에는 외교부 해외안전여행 사이트에서 해당국에 대한 정보를 반드시 숙지해야 합니다. 대한민국 정부에서는 위 권고사항을 따르지 않았을 때 발생하는 피해나 문제에 대해 어떠한 책임도 지지 않습니다.
</div>
4.3 모바일 대응
4.3.1 원본 틀
개별 카페에 대한 내용은 홍보나 근거 없는 고발성 서술 등의 예방을 위해 일반적으로 공개된 정보를 제외한 정보의 서술은 할 수 없습니다.
또한 해당 문서를 편집하기 전에 이 문서의 토론란 혹은 편집합의 등을 확인해 주시기 바랍니다.
</div>
4.3.2 모바일 대응 틀
img 태그에 style이 안 먹힌다. 나무마크 렌더러에서 보안상의 이유로 무시 우걱우걱 하는 듯 하다. [2]
margin-left 대신 align 속성을 사용했다.
이 문서는 인터넷 카페에 관한 내용을 다룹니다.
개별 카페에 대한 내용은 홍보나 근거 없는 고발성 서술 등의 예방을 위해 일반적으로 공개된 정보를 제외한 정보의 서술은 할 수 없습니다.
또한 해당 문서를 편집하기 전에 이 문서의 토론란 혹은 편집합의 등을 확인해 주시기 바랍니다.
</div>
위 두 틀의 차이는 브라우저 사이즈를 줄이면 글자가 이미지 사이로 자연스럽게 흘러간다는 점이다. 여백은 이미지를 직접 수정해서 넣어야 한다.
4.3.3 넘쳐 흐른 모바일 대응 틀
개별 카페에 대한 내용은 홍보나 근거 없는 고발성 서술 등의 예방을 위해 일반적으로 공개된 정보를 제외한 정보의 서술은 할 수 없습니다.
또한 해당 문서를 편집하기 전에 이 문서의 토론란 혹은 편집합의 등을 확인해 주시기 바랍니다. 긴 글! 긴 글! 긴 글! 긴 글! 긴 글! 긴 글! 긴 글! 긴 글! 긴 글! 긴 글! 긴 글!이 문서는 인터넷 카페에 관한 내용을 다룹니다. 이 문서는 인터넷 카페에 관한 내용을 다룹니다. 이 문서는 인터넷 카페에 관한 내용을 다룹니다. 이 문서는 인터넷 카페에 관한 내용을 다룹니다. 이 문서는 인터넷 카페에 관한 내용을 다룹니다. 이 문서는 인터넷 카페에 관한 내용을 다룹니다.
</div>
내용이 많아지면 위와 같이 PC 버전에서도 흘러가 버리기 때문에 이미지 크기의 조절이 필요하다.
4.3.4 적절한 모바일 대응 틀 (롤백될 틀들 모음)
이 틀이 달린 문서는 현재 작성 중인 문서입니다. 편집자가 아직 편집할 것이 남아있으니, 동시 수정으로 인한 편집 충돌이 일어나지 않도록 다른 편집자는 수정을 자제해 주십시오. 이 틀이 달린 문서의 편집자는 문서를 완성시켜 주시고, 편집이 끝나면 이 틀을 떼어 주시기 바랍니다. 단, 이 틀이 달린 후 보름동안 추가된 내용이 없을 시에는 틀을 떼어도 좋습니다.
</div>
이 틀 아래의 문서는 과거에 빈번한 문서 훼손을 당하였거나 현재도 당하고 있는 상태이며, 앞으로도 빈번한 훼손이 예상되는 문서입니다. 이 문서를 읽고 있거나 기여할 생각이 있는 이용자 분들께서는 문서 훼손을 목격할 시 반드시 훼손이 일어나기 바로 전 버전으로 되돌려 주시기 바라며, 해당 문서에서 지속적인 훼손이 관찰되는 경우에는 나무위키 신고게시판에 신고해주시기 바랍니다.
또한, 문서를 악의적으로 훼손할 경우, 운영진 및 편집자는 해당 이용자를 사법기관에 고소•고발할 수 있으며, 당사자는 지적 재산권 침해와 업무방해죄, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 위반으로 처벌을 받을 수 있습니다.
</div>
이 틀 아래의 문서는 과거에 빈번한 문서 훼손을 당하였거나 현재도 당하고 있는 상태이며, 앞으로도 빈번한 훼손이 예상되는 문서입니다.
이 문서를 읽으시는 이용자께서는 문서 훼손을 발견할 시 신고게시판에 신고해 주시기 바랍니다.
</div>
이 문서에서 서술하는 웹사이트는 이미 반영구적, 또는 영구적으로 폐쇄된 상태입니다. 또한 이 사이트에 대한 링크는 작동하지 않을 확률이 높습니다. 참고용으로만 사용하시기 바랍니다.
</div>
이 틀이 달린 문서는 150자 이하로 작성되었거나 관련 내용의 서술이 부족합니다.
토막글을 채우는 것은 기여자의 따뜻한 손길입니다.
이 틀을 적용하실 시, 적용한 문서의 최하단에을 함께 달아주시기 바랍니다.
</div>
이 틀 아래의 내용은 지속적인 갱신을 필요로 하는 내용에 대해 서술하고 있습니다. 때문에 진행 상황에 따라서 갱신되어야 할 가능성이 높으며, 급보는 오보일 수 있습니다.
검증된 내용이 나타날 때마다 지속적으로 갱신하기를 권장합니다. 또한 잦은 동시 수정이 우려되므로, 수정 직전에 편집본을 복사하시기를 권장합니다.
</div>
주의. 성(性)적 내용이 포함된 문서입니다.
이 틀 아래의 내용은 성(性)적인 요소에 대한 직·간접적인 언급 혹은 설명을 포함합니다. 열람 시 주의를 요하며, 열람을 원하지 않으면 이 문서를 닫아 주세요.
</div>
그나마 이게 마스코트의 해상도가 맞네요
이 문서는 서술 시 출처를 밝히기로 합의되었습니다. 근거 없는 서술이나 유언비어 등은 토론 없이 삭제될 수 있습니다.
이에 대한 문의는 문서의 토론 탭에서 해 주세요.
</div>
4.4 만들어만 지고 보류되었던 틀
이 틀 아래의 내용은 작품의 줄거리나 결말, 반전 요소를 설명합니다. 작품의 내용 누설을 원하지 않는다면 이 문서를 닫아 주세요.
</div>
이 문서에 대한 삭제의견이 제시되어 토론중입니다. 기존 편집자 혹은 관련 의견이 있는 사용자는 문서 토론에서 의견을 제시해주시기 바랍니다. 문서를 수정하는 행위는 반달리즘으로 간주될 수 있습니다.
</div>
이 틀 아래의 문서는 과거에 빈번한 문서 훼손을 당하였거나 현재도 당하고 있는 상태이며, 앞으로도 빈번한 훼손이 예상되는 문서입니다. 이 문서를 읽고 있거나 기여할 생각이 있는 이용자 분들께서는 문서 훼손을 목격할 시 반드시 훼손이 일어나기 바로 전 버전으로 되돌려 주시기 바라며, 해당 문서에서 지속적인 훼손이 관찰되는 경우에는 나무위키 신고게시판에 신고해주시기 바랍니다.
또한, 문서를 악의적으로 훼손할 경우, 운영진 및 편집자는 해당 이용자를 사법기관에 고소•고발할 수 있으며, 당사자는 지적 재산권 침해와 업무방해죄, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 위반으로 처벌을 받을 수 있습니다.
</div>
이 틀 아래의 문서는 과거에 빈번한 문서 훼손을 당하였거나 현재도 당하고 있는 상태이며, 앞으로도 빈번한 훼손이 예상되는 문서입니다.
이 문서를 읽으시는 이용자께서는 문서 훼손을 발견할 시 신고게시판에 신고해 주시기 바랍니다.
</div>
4.5 표 기반 틀
4.5.1 HTML을 같이 적용한 틀
주의. 문서 훼손이 수시로 발생하는 문서입니다. 이 틀 아래의 문서는 과거에 빈번한 문서 훼손을 당하였거나 현재도 당하고 있는 상태이며, 앞으로도 빈번한 훼손이 예상되는 문서입니다. 이 문서를 읽고 있거나 기여할 생각이 있는 이용자 분들께서는 문서 훼손을 목격할 시 반드시 훼손이 일어나기 바로 전 버전으로 되돌려 주시기 바라며, 해당 문서에서 지속적인 훼손이 관찰되는 경우에는 나무위키 신고게시판에 신고해주시기 바랍니다. 또한, 문서를 악의적으로 훼손할 경우, 운영진 및 편집자는 해당 이용자를 사법기관에 고소•고발할 수 있으며, 당사자는 지적 재산권 침해와 업무방해죄, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 위반으로 처벌을 받을 수 있습니다 |
- 모바일에선 사진이 커져서 틀이 홀쭉해지는 문제가 있습니다.
4.5.2 완전 표 기반 틀
leftpx | 문서 훼손이 수시로 발생하는 문서입니다. 이 틀 아래의 문서는 과거에 빈번한 문서 훼손을 당하였거나 현재도 당하고 있는 상태이며, 앞으로도 빈번한 훼손이 예상되는 문서입니다. 이 문서를 읽으시는 이용자께서는 문서 훼손을 발견할 시 신고게시판에 신고해 주시기 바랍니다. |
- 모바일에서 이미지가 너무 작아지는 문제가 있습니다.
4.6 심플 틀 개선 아이디어
본 틀은 미디어위키 문법을 사용했으므로 나무위키에는 적용할 수 없습니다.
장점 : 틀 사용 공간의 감소 가능
단점 : 모바일 대응 불가
나무위키답게 파릇파릇하게 만들어 보았습니다. 심플 안내 틀이 너무 딱딱해 거부감을 느끼는 분께 그나마 좋을 거라고 생각합니다.
장점 : 색이 무섭지 않고 밝아 거부감을 줄일 수 있다.
단점 : 눈이 좀 아플 수 있다.
4.7 위쪽에만 테두리 색을 적용한 틀(현재 채택)
4.7.1 옆 테두리 조금만 더 굵게하고 색 연하게
4.8 리브레 위키 포팅
이 틀 아래의 내용은 성(性)적인 요소에 대한 직접적, 간접적인 언급 혹은 설명을 포함합니다. 열람 시 주의를 요하며, 열람을 원하지 않으면 이 문서를 닫아 주세요.
- 리브레 ===>> 나무는 본인 기여분만 가능해요.
5 기본규칙
- 틀을 개조하면 함부로 올리지 않는다.
- 색칠놀이는 가급적 자제한다.
- 2.1. 다만 경고를 많이 주는 틀에는 사용할 수 있을지 토론할 수 있다.
- 틀 모양을 제멋대로 바꾸지 않는다.
-
하고싶으면 노예가되어라!
6 기본 틀 코드
아는대로 추가바랍니다
- 틀 배경 : <div style="background-color:black; text-align: center(글씨 있는 쪽);color:white(글자색);">
- 예시 :
이 문서는 너무 오른쪽으로 치우쳤습니다. 왼쪽의 의견의 반영이 필요합니다.
틀 배경에 따라 적절한 글자색의 변경이 필요합니다.
이건 뭐 백괴사전도 아니고
- 좌측 공간 글씨 비우기 <div style="margin-left:(글자크기);">
- 예시 :
틀에서 좌측 일정한 공간을 비우는 문법의 예시로, 좌측에 그림등을 삽입할 필요가 있을때 사용합니다. 우측을 비워야 할시 margin-right《오른쪽 비우기》를 사용합니다.
- 섀도우(번짐)
- <span style="text-shadow: 0 0 2px #000000;">급보는 오보일 수 있습니다.</span>
텍스트 섀도우는 IE 10 이상부터 보입니다. 우리 모두 Windows 10 으로 어서 업데이트 해야합니다. 아니, IE 버리고 Edge로 갈아타야 합니다. 그래도 10은 부담스럽다... 모바일로 보자!
ㄴ섀도우는 안 넣기로 합의 넣는게 어떨까요. IE10가 아닌 유저에게는 그저 태그만 보일 뿐이니까요.
- 윗덧말 <ruby><rb>글자</rb><rp>《</rp><rt>덧말</rt><rp>》</rp></ruby>글자<ruby><rb>글자</rb><rp>《</rp><rt>덧말</rt><rp>》</rp></ruby>
- 예시
예시《글》예시예시《글》
7 프로젝트 성과
나무위키 틀 개선 프로젝트/실행과 성과 문서를 참조해 주세요.- ↑ 틀:동시수정주의로 교체되었다
- ↑ 유명한 악성코드 삽입법 중 하나가 img 태그에 악성코드를 걸어두고는 CSS를 이용해 감추는 방식이다. 그러면 해당 사용자는 이 페이지에 들어오면 해당 URL에 접속하게 된다. (이미지를 다운로드하도록 시도하니까.) 이를 이용해 해당 사이트 접속자 IP와 시간, OS 등을 수집할 수 있다. 심지어 제로데이 취약점이 있는 브라우저의 경우 접속만으로 악성코드가 실행될 수도 있다.
그러니까 IE 구버전 쓰지 말고 최신 브라우저 씁시다