|
|
| (같은 사용자의 중간 판 177개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| [[분류:김찬]]
| | {{namucat|DISPLAYTITLE=김찬 연습장|김찬/연습장}}{{css|김찬}}{{댓글 금지}} |
| {{상위 문서2|김찬}}<br> | | {{하위 문서2|메모|낙서|노트|연구|팁|공부|모듈}} |
| {{하위 문서2|메모|낙서}} | |
| {{김찬}} | | {{김찬}} |
| {{목차}} | | {{김찬 연습장}} |
| == 빈칸 ==
| | {{MT|align=center|style=border: 2px solid black; text-align: center;}} |
| | |
| == 틀 ==
| |
| === 유용한/자주 사용하는 틀 ===
| |
| * [[틀:목차]]/[[틀:목차제거]]
| |
| * [[틀:각주]]
| |
| * [[틀:color]]
| |
| * [[틀:글씨 크기]]=[[틀:fontsize]]
| |
| * [[틀:폰트]]
| |
| * [[틀:글 숨김]]/[[틀:글 숨김 끝]]
| |
| * [[틀:틀 링크2]]
| |
| * [[틀:인용문1]]
| |
| * [[틀:인용문3]]
| |
| === [[:분류:김찬/제작한 틀|제작한 틀]] ===
| |
| * [[틀:목차제거]]
| |
| * [[틀:글씨 테두리]]=[[틀:border]]
| |
| * [[틀:네온 글씨]]=[[틀:neon]]
| |
| * [[틀:이미지 넣기]]
| |
| * [[틀:MBTI]]
| |
| * [[틀:알림창]]
| |
| * [[틀:오류창]]
| |
| * [[틀:불법2]]
| |
| * [[틀:색상 수평줄]]
| |
| * [[틀:수평줄 꾸미기]]
| |
| * [[틀:비공식 설정]]
| |
| * [[틀:혐오적 요소]]
| |
| * [[틀:분류 바로가기]]/[[틀:분류앵커]]
| |
| * [[틀:별점]]
| |
| * [[틀:글배경]]
| |
| | |
| == 팁 ==
| |
| === 모바일 기기의 화면비를 넘어가는 너비(ex: 600px, 800px)를 가진 테이블을 모바일에서 넘어가지 않도록 대응하는 법 ===
| |
| 간단하다. 테이블의 width 속성을 max-width로 바꾸어 주면 된다. 단 주의할 점은, '''테이블 내부의 콘텐츠가 설정한 max-width만큼이 될 정도로 충분한 분량을 차지하고 있어야 한다.''' 가장 쉬운 파훼법은 테이블 어느 곳에라도 모든 열이 병합된 행에 원본 크기가 큰 이미지를 첨부하면 된다. [[:파일:빈 이미지.png|빈 이미지]]는 그래서 업로드한 것.
| |
| === 이미지에 아무런 링크도 걸지 않았을 때 원본 이미지 보기로 이어지는 자동 링크를 없애는 법 ===
| |
| 이미지의 매개 변수에 link=를 걸고 아무것도 작성하지 않으면 된다. 예를 들어 <span style="font-family: monospace;"><nowiki>[[파일:Seinel Icon.png|30픽셀|link=]]</nowiki></span> 이렇게 입력하면 [[파일:Seinel Icon.png|30픽셀|link=]] 이처럼 이미지 위에 마우스를 올려도 그 어떤 링크는커녕 원본 이미지 보기로 이어지는 자동 링크마저 없다.
| |
| === 순환 링크(문서가 같은 문서를 링크)나 테이블의 헤더 셀에서 강제 볼드체를 없애는 법 ===
| |
| 텍스트를 <nowiki><span></nowiki>으로 묶고 style에서 font-weight를 normal로 하면 된다.
| |
| === 텍스트에 그라데이션을 적용하는 법 ===
| |
| 텍스트를 <nowiki><span></nowiki>으로 묶고 style에서 background로 그라데이션을 적용한 뒤, <span style="font-family: monospace;">-webkit-background-clip: text; color: transparent;</span>를 추가로 입력하면 된다. 전자는 그라데이션의 적용 범위를 텍스트로만 하는 것이고, 후자는 그라데이션이 적용된 배경이 보이도록 하기 위해 텍스트 자체 색상을 투명으로 만든 것이다.
| |
| {|class="wikitable"
| |
| |- | | |- |
| !입력 | | !style="background: black;"|{{c|white|빈칸 편집 바로가기}} |
| !출력
| |
| |- | | |- |
| |<nowiki><span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span></nowiki> | | |<span class="plainlinks" title="빈칸 편집 바로가기">[https://jwiki.kr/wiki/index.php?title=연습장:Kimchan&action=edit§ion=1 <div style="display: inline-block;">이 구간은 문법 연습 등의 목적으로 사용됩니다.</div>]</span> |
| |<span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span>
| | {{MT끝}} |
| |}
| | == 빈칸 == |
| === 하나의 링크 안에 이미지와 텍스트를 함께 넣는 법 === | | <div style="display: none;">{{namucat|DISPLAYTITLE=김찬 연습장}}{{css|김찬}}</div> |
| 일반적으로는 하나의 링크 안에 이미지와 텍스트를 함께 넣을 수 없다. 예를 들어 <nowiki>[[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]]</nowiki> 이렇게 입력한다고 해도 [[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]] 이처럼 링크 자체가 인식되지 못하고 깨져 버린다.
| |
|
| |
|
| 그러나 링크를 제이위키 내부 링크(대괄호 두 개 <span style="font-family: monospace;"><nowiki>[[]]</nowiki></span>)가 아닌 대괄호 한 개, 즉 외부 링크로 사용하면 가능하다. '''단, 이때 파일에 <code>|link=</code>를 넣어서 반드시 원본 파일로 이동하는 링크를 없앨 것.'''
| | == 하위 연습장 == |
| {|class="wikitable"
| | * [[연습장:Kimchan/메모]]: 자주 쓰는 색깔, 문법, 템플릿 등의 메모 |
| |-
| | * [[연습장:Kimchan/낙서]]: 문법 활용, 연습, 틀 제작 등 |
| !입력
| | * [[연습장:Kimchan/노트]]: 잡설정 메모, 낙서 등 |
| !출력
| | * [[연습장:Kimchan/연구]]: 위키 문법 및 기능과 시스템에 대한 연구 |
| |-
| | * [[연습장:Kimchan/팁]]: 위키 이용 및 편집에 있어 유용한 팁들 |
| |<nowiki>[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</nowiki>
| | * [[연습장:Kimchan/공부]]: 대학 공부와 관련된 메모 |
| |[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜 로고2.svg|60px|link=]] 제이위키]
| | * [[연습장:Kimchan/모듈]]: 루아 연습 및 모듈 테스트 |
| |}
| | * [[틀:김찬 틀 연습장]]: 끼워넣기 등 틀 관련 문법 연습 및 테스트 |
| 여기서 외부 링크 표시를 숨기는 plainlinks 클래스까지 사용하면
| | * [[틀:김찬/styles.css]]: 틀 스타일 연습 및 테스트 |
| {|class="wikitable"
| | * [[모듈:kimchan]]: 루아 연습 및 모듈 테스트 |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki><span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span></nowiki>
| |
| |<span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span>
| |
| |}
| |
| 더 완벽하게 사용할 수 있다. 외부 링크를 사용하기 때문에 제이위키 내 문서가 아니라 어떤 링크에도 사용할 수 있고, 제이위키 내 문서로 통하는 링크라면 편집을 저장할 때 뜨는 간단한 덧셈뺄셈이 나오지 않는 것도 장점이라면 장점이다. 단점이라면 마우스를 위에 올렸을 때 나타나는 문서 미리보기나 제목은 뜨지 않고, 문서가 문서 자신을 링크해도 링크가 사라지며 볼드체로 바뀌지 않고 링크 그대로 남아 있다는 것.
| |
| === 링크에 마우스를 올릴 때 뜨는 밑줄 없애는 법 ===
| |
| 색상을 넣듯 링크 안쪽을 <nowiki><div></nowiki>로 묶고 display: inline-block으로 해주면 된다.
| |
| | |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki>[[제이위키|<div style="display: inline-block;">제이위키</div>]]</nowiki>
| |
| |[[제이위키|<div style="display: inline-block;">제이위키</div>]]
| |
| |}
| |
하위 문서: 메모, 낙서, 노트, 연구, 팁, 공부, 모듈
