|
|
(같은 사용자의 중간 판 34개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
− | * 계산식
| + | {{목차}} |
− | <nowiki>{{#expr: 1 + 1}} → 2</nowiki>
| |
| | | |
− | * 문자열 조건문
| + | == 도구 == |
− | <nowiki>{{#if: something | yes | no }} → yes</nowiki>
| + | [https://codepen.io/wotomy/full/MWaoOJX 글자별 단어목록 표 생성기]: 글자별 단어목록만 가능. 긴 단어나 미션 단어는 없음. |
− | <nowiki>{{#if: | yes | no }} → no</nowiki> | |
| | | |
− | <nowiki>{{#if: something | yes }} → yes</nowiki>
| + | * 글자별 단어목록 표 만들기 (원래 사용방법) |
− | <nowiki>{{#if: | yes }} → 빈 문자열</nowiki>
| + | # 위의 두 칸은 무시하고 아래 '''추가할 단어들'''에 내 단어들을 넣는다. |
| + | # 그럼 오른쪽 '''결과'''에 위키문법 표로 변환된 것이 나온다. |
| + | # 그 '''결과''' 부분의 아무데나 클릭하면 결과가 전체 복사가 된다. |
| + | # 그걸 끄코위키에 넣으면 된다. |
| | | |
− | * 32% | + | * 원래 있는 글자별 단어목록에 자기 단어를 추가로 넣기 |
− | <div style="
| + | # '''원본 문서 소스'''에 원래 있던 위키 내용 표 소스를 붙여넣는다. |
− | width: 100px;
| + | # 그럼 오른쪽 '''원본 단어들'''이 추출이 되고 동시에 '''결과'''에도 반영된 것을 확인할 수 있다. |
− | height: 100px;
| + | # 그 상태에서 '''추가할 단어들'''에 내가 넣고 싶은 단어들을 넣는다. |
− | background:
| + | # 그러면 위의 '''원본 단어들'''과 '''추가할 단어들'''의 단어들을 모두 합친 위키문법 표가 있는 '''결과'''가 생성된다. |
− | radial-gradient(
| + | # 그 '''결과''' 부분의 아무데나 클릭하면 결과가 전체 복사가 된다. |
− | white {{#expr: sqrt(2) / 2 * 100 * (50 / 100)}}%,
| + | # 그걸 원래있던 소스의 표부분만 교체해서 끄코위키에 넣으면 된다. |
− | transparent {{#expr: sqrt(2) / 2 * 100 * (50 / 100) + 1}}% {{#expr: sqrt(2) / 2 * 100 - 1}}%,
| |
− | white {{#expr: sqrt(2) / 2 * 100}}%
| |
− | ),
| |
− | conic-gradient(tomato {{#expr: 32 - 1}}%, #F5F8FA 32%);
| |
− | text-align: center;
| |
− | line-height: 100px;
| |
− | "><span style="
| |
− | display: inline-block;
| |
− | line-height: normal;
| |
− | ">32%</span></div>
| |
| | | |
− | 2*(((5+7*L)**0.74+0.88*c)*(0.5+0.5*(1-d/t)))*(1+0.5*m)
| + | == 끄코위키 common.css 사용방법 == |
| + | common.css는 자신에게만 다르게 보이도록 끄투위키의 CSS를 수정할 수 있는 방법이다. 자신의 아이디로 로그인 했을 때만 해당 CSS가 적용된 사이트가 보이며, 로그오프하면 다시 원래 끄코위키 사이트가 보인다. |
| | | |
− | {{#expr: 2 * (1+0.5*{{포함 수|다른모든눈송이와아주비슷하게생긴단하나의눈송이|하}}) * ((5+7*{{#len: 다른모든눈송이와아주비슷하게생긴단하나의눈송이}})^0.74+0.88) round 0 }}
| + | '사용자:(자기아이디)/common.css'라는 문서명으로 되어있으며 그냥 바로 들어가면 왜인지 오류가 떠서 들어갈 수 없다. |
| | | |
| + | 그래서 주소창에 '<nowiki>https://kkukowiki.kr/index.php?title=사용자:(자기아이디)&action=edit</nowiki>'를 쳐서 들어가야 수정을 할 수 있다.<ref>자기 사용자문서에 <nowiki>'[{{fullurl:{{FULLPAGENAME}}/common.css|action=edit}} 내 CSS 수정]'</nowiki>를 넣으면 바로 수정할 수 있는 링크를 넣을 수 있다.</ref> 처음엔 아무것도 없는데, 거기다가 CSS 코드를 넣으면 된다. 수정 후 '변경사항 저장'을 누르면 다시 오류페이지가 뜨는데, 적용은 제대로 된 것이니 다시 끄코위키를 열면 적용된 모습을 볼 수 있다. |
| | | |
| + | CSS를 잘 몰라도 그냥 복사해서 붙여넣으면 좋은 코드를 아래에 적어보았다. |
| | | |
− | <div style="
| + | === 모바일로 볼 때, 상단의 긴 광고창 때문에 화면이 좌우로 밀리는 문제 고치기 === |
− | width: 1.5em;
| + | 코드: |
− | height: 1.5em;
| + | <pre>.header-ads { |
− | border-radius: 50%;
| + | height: 90px !important; |
− | background: #EF6451;
| + | overflow: auto hidden; |
− | color: white;
| + | }</pre> |
− | font-size: 2em;
| |
− | text-align: center;
| |
− | line-height: 1.5em;
| |
− | "><span style="
| |
− | display: inline-block;
| |
− | line-height: normal;
| |
− | margin-top: .3em;
| |
− | user-select: none;
| |
− | ">ᅈ</span></div>
| |
| | | |
− | {{단어/주제 링크|도라에몽}}
| + | 추가로, 원래는 어떤 문서를 들어갔을 때, 광고가 로드 되기 전에 편집 버튼이 위에있다가 광고 로드 후, 편집버튼이 밑으로 내려가서 잘못 클릭할 수 있어 조금 기다렸다가 클릭해야 했는데, 이 코드를 사용하면 광고 로드 전부터 이미 광고창 자리를 고정시켜서 미스클릭 문제도 해결할 수 있다. |
| | | |
| + | === 목차가 길 경우 목차 자체에서 스크롤을 만들기 === |
| + | 코드: |
| + | <pre>.toc > ul { |
| + | max-height: 300px; |
| + | overflow-y: auto; |
| + | }</pre> |
| | | |
− | | + | 긴 단어나 미션 단어 문서들을 볼 때 유용하다. |
− | | |
− | <table class="wikitable" style=" <!-- #### 배경 색을 넣기 위한 표 태그 #### -->
| |
− | float: right;
| |
− | margin: 0 0 1em 1em;
| |
− | box-shadow: 0 15px 20px -15px {{단어/색/그라데이션
| |
− | |{{단어/색/종합
| |
− | |{{{주제|}}}{{{주제1|}}}
| |
− | |{{{주제2|}}}
| |
− | |{{{주제3|}}}
| |
− | |{{{주제4|}}}
| |
− | |{{{주제5|}}}
| |
− | |{{{주제6|}}}
| |
− | |{{{주제7|}}}
| |
− | |{{{주제8|}}}
| |
− | }}
| |
− | }};
| |
− | background: {{단어/색/그라데이션
| |
− | |{{단어/색/종합
| |
− | |{{{주제|}}}{{{주제1|}}}
| |
− | |{{{주제2|}}}
| |
− | |{{{주제3|}}}
| |
− | |{{{주제4|}}}
| |
− | |{{{주제5|}}}
| |
− | |{{{주제6|}}}
| |
− | |{{{주제7|}}}
| |
− | |{{{주제8|}}}
| |
− | }}
| |
− | }};
| |
− | "><td style="
| |
− | padding: 0;
| |
− | border: none;
| |
− | "><table class="wikitable" style=" <!-- #### 전체 표 태그 #### -->
| |
− | text-align: center;
| |
− | margin: 0;
| |
− | background: none;
| |
− | ">
| |
− | <th colspan="2" style=" <!-- #### 행: 제목 #### -->
| |
− | color: white;
| |
− | background: none;
| |
− | border: none;
| |
− | text-align: center;
| |
− | "><big style="font-weight: normal;">{{{제목|{{PAGENAME}}}}}</big>{{#if:{{{원제|}}}|<br>{{{원제}}}|}}</th>
| |
− | <tr><td colspan="2" style=" <!-- #### 행: 이미지 #### -->
| |
− | padding: 0;
| |
− | border: none;
| |
− | background: white;
| |
− | text-align: center;
| |
− | color: white;
| |
− | overflow: hidden;
| |
− | ">{{
| |
− | #if:{{{이미지2|}}}
| |
− | |{{
| |
− | #tag:gallery
| |
− | |{{{이미지1|}}}{{{이미지|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명1|}}}{{{이미지 설명|}}}</div>
| |
− | {{{이미지2|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명2|}}}</div>
| |
− | {{{이미지3|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명3|}}}</div>
| |
− | {{{이미지4|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명4|}}}</div>
| |
− | {{{이미지5|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명5|}}}</div>
| |
− | {{{이미지6|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명6|}}}</div>
| |
− | {{{이미지7|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명7|}}}</div>
| |
− | {{{이미지8|}}}{{!}}<div style="position: absolute; bottom: 4px; right: 0; background: black; padding: 0 .2em;">{{{이미지 설명8|}}}</div>
| |
− | |mode="slideshow"
| |
− | |style="margin: -1.6em 0 0 0; padding: 0; width: 300px; display: inline-block; position: relative; top: 1.6em"
| |
− | }}
| |
− | |{{#if:{{{이미지|}}}{{{이미지1|}}}
| |
− | |[[파일:{{{이미지|}}}{{{이미지1|}}}|{{#if:{{{이미지 크기|}}}{{{이미지 크기1|}}}
| |
− | |{{{이미지 크기|}}}{{{이미지 크기1|}}}
| |
− | |<!--기본값:-->300px
| |
− | }}]]
| |
− | }}
| |
− | }}</td></tr>
| |
− | <tr><th width="60px" style=" <!-- #### 행: 주제 #### -->
| |
− | color: white;
| |
− | background: none;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | font-weight: normal;
| |
− | font-size: 0.8em;
| |
− | ">주제</th>
| |
− | <td style="
| |
− | background-color: white;
| |
− | color: #373a3c;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | ">{{
| |
− | #if:{{{주제1|}}}{{{주제|}}}|{{단어/주제 링크|{{{주제1|}}}{{{주제|}}}}}|-}}{{
| |
− | #if:{{{주제2|}}}|<br>{{단어/주제 링크|{{{주제2}}}}}}}{{
| |
− | #if:{{{주제3|}}}|<br>{{단어/주제 링크|{{{주제3}}}}}}}{{
| |
− | #if:{{{주제4|}}}|<br>{{단어/주제 링크|{{{주제4}}}}}}}{{
| |
− | #if:{{{주제5|}}}|<br>{{단어/주제 링크|{{{주제5}}}}}}}{{
| |
− | #if:{{{주제6|}}}|<br>{{단어/주제 링크|{{{주제6}}}}}}}{{
| |
− | #if:{{{주제7|}}}|<br>{{단어/주제 링크|{{{주제7}}}}}}}{{
| |
− | #if:{{{주제8|}}}|<br>{{단어/주제 링크|{{{주제8}}}}}}}
| |
− | </td></tr>
| |
− | <tr><th style=" <!-- #### 행: 어인정 #### -->
| |
− | color: white;
| |
− | background: none;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | font-weight: normal;
| |
− | font-size: 0.8em;
| |
− | ">어인정</th>
| |
− | <td style="
| |
− | background-color:white;
| |
− | color: #373a3c;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | ">{{
| |
− | #ifexpr:
| |
− | {{단어/어인정 여부|{{{주제|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제1|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제2|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제3|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제4|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제5|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제6|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제7|}}}}} +
| |
− | {{단어/어인정 여부|{{{주제8|}}}}} > 0
| |
− | | O | X }} <!-- ## 어인정 주제를 하나라도 포함하면 O로 계산됩니다. ## -->
| |
− | </td></tr>
| |
− | <tr><th style=" <!-- #### 행: 길이 #### -->
| |
− | color: white;
| |
− | background: none;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | font-weight: normal;
| |
− | font-size: 0.8em;
| |
− | ">길이</th>
| |
− | <td style="
| |
− | background-color: white;
| |
− | color: #373a3c;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | ">{{#len:{{괄호 제외 제목|{{{인게임 단어|{{PAGENAME}}}}}}}}}
| |
− | </td></tr>
| |
− | <tr><th style=" <!-- #### 행: 미션 #### -->
| |
− | color: white;
| |
− | background: none;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | font-weight: normal;
| |
− | font-size: 0.8em;
| |
− | ">미션</th>
| |
− | <td style="
| |
− | background-color: white;
| |
− | color: #373a3c;
| |
− | border-right: none;
| |
− | border-left: none;
| |
− | ">{{
| |
− | #if:{{단어/미션/종합|단어={{{인게임 단어|{{PAGENAME}}}}}}}
| |
− | |{{단어/미션/종합|단어={{{인게임 단어|{{PAGENAME}}}}}}}
| |
− | |-}} <!-- ## 틀:단어/미션/종합를 통해 문서 제목(PAGENAME)의 미션정보를 구합니다. ## -->
| |
− | </td></tr>
| |
− | <tr style="background: none;"> <!-- #### 행: 랜덤 단어 #### -->
| |
− | <td style="
| |
− | text-align: left;
| |
− | border: none;
| |
− | ">{{특정 글자로 끝나는 임의 문서
| |
− | |{{#sub:{{괄호 제외 제목
| |
− | |{{{인게임 단어|{{PAGENAME}}}}}}}
| |
− | |0|1}}
| |
− | |{{글씨 색
| |
− | |white|← {{uc:{{#sub:{{괄호 제외 제목
| |
− | |{{{인게임 단어|{{PAGENAME}}}}}}}
| |
− | |0|1}}}}}}}}</td>
| |
− | <td style="
| |
− | text-align: right;
| |
− | border: none;
| |
− | ">{{특정 글자로 시작하는 임의 문서
| |
− | |{{#sub:{{괄호 제외 제목
| |
− | |{{{인게임 단어|{{PAGENAME}}}}}}}
| |
− | |-1}}
| |
− | |{{글씨 색
| |
− | |white|{{uc:{{#sub:{{괄호 제외 제목
| |
− | |{{{인게임 단어|{{PAGENAME}}}}}}}
| |
− | |-1}}}} →}}}}</td>
| |
− | </tr></table></td></table>
| |
도구
글자별 단어목록 표 생성기: 글자별 단어목록만 가능. 긴 단어나 미션 단어는 없음.
- 위의 두 칸은 무시하고 아래 추가할 단어들에 내 단어들을 넣는다.
- 그럼 오른쪽 결과에 위키문법 표로 변환된 것이 나온다.
- 그 결과 부분의 아무데나 클릭하면 결과가 전체 복사가 된다.
- 그걸 끄코위키에 넣으면 된다.
- 원래 있는 글자별 단어목록에 자기 단어를 추가로 넣기
- 원본 문서 소스에 원래 있던 위키 내용 표 소스를 붙여넣는다.
- 그럼 오른쪽 원본 단어들이 추출이 되고 동시에 결과에도 반영된 것을 확인할 수 있다.
- 그 상태에서 추가할 단어들에 내가 넣고 싶은 단어들을 넣는다.
- 그러면 위의 원본 단어들과 추가할 단어들의 단어들을 모두 합친 위키문법 표가 있는 결과가 생성된다.
- 그 결과 부분의 아무데나 클릭하면 결과가 전체 복사가 된다.
- 그걸 원래있던 소스의 표부분만 교체해서 끄코위키에 넣으면 된다.
끄코위키 common.css 사용방법
common.css는 자신에게만 다르게 보이도록 끄투위키의 CSS를 수정할 수 있는 방법이다. 자신의 아이디로 로그인 했을 때만 해당 CSS가 적용된 사이트가 보이며, 로그오프하면 다시 원래 끄코위키 사이트가 보인다.
'사용자:(자기아이디)/common.css'라는 문서명으로 되어있으며 그냥 바로 들어가면 왜인지 오류가 떠서 들어갈 수 없다.
그래서 주소창에 'https://kkukowiki.kr/index.php?title=사용자:(자기아이디)&action=edit'를 쳐서 들어가야 수정을 할 수 있다.[1] 처음엔 아무것도 없는데, 거기다가 CSS 코드를 넣으면 된다. 수정 후 '변경사항 저장'을 누르면 다시 오류페이지가 뜨는데, 적용은 제대로 된 것이니 다시 끄코위키를 열면 적용된 모습을 볼 수 있다.
CSS를 잘 몰라도 그냥 복사해서 붙여넣으면 좋은 코드를 아래에 적어보았다.
모바일로 볼 때, 상단의 긴 광고창 때문에 화면이 좌우로 밀리는 문제 고치기
코드:
.header-ads {
height: 90px !important;
overflow: auto hidden;
}
추가로, 원래는 어떤 문서를 들어갔을 때, 광고가 로드 되기 전에 편집 버튼이 위에있다가 광고 로드 후, 편집버튼이 밑으로 내려가서 잘못 클릭할 수 있어 조금 기다렸다가 클릭해야 했는데, 이 코드를 사용하면 광고 로드 전부터 이미 광고창 자리를 고정시켜서 미스클릭 문제도 해결할 수 있다.
목차가 길 경우 목차 자체에서 스크롤을 만들기
코드:
.toc > ul {
max-height: 300px;
overflow-y: auto;
}
긴 단어나 미션 단어 문서들을 볼 때 유용하다.
- ↑ 자기 사용자문서에 '[{{fullurl:{{FULLPAGENAME}}/common.css|action=edit}} 내 CSS 수정]'를 넣으면 바로 수정할 수 있는 링크를 넣을 수 있다.