틀:MBTI: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
{| class="wikitable" {{style|mx-auto maxw-500px w-100% bd-2px-sld-#4298b4}}
{| class="wikitable" {{style|mx-auto maxw-500px w-100% bd-2px-sld-#4298b4}}
! {{style|col-3 c-#4298b4 pt-10px pb-7px}} | [[파일:16personalities.svg|200px]]
 
! [[파일:16personalities.svg|200px]]
|-
|-
| {{style|col-3 ta-center fs-36px p-18px}} | '''{{c|#4298b4|I}}{{c|#e4ae3a|N}}{{c|#33a474|F}}{{c|#88619a|P}}-{{c|#f25e62|T}}'''
| {{style|ta-center fs-36px p-18px}} |
'''{{c|#4298b4|I}}{{c|#e4ae3a|N}}{{c|#33a474|F}}{{c|#88619a|P}}-{{c|#f25e62|T}}'''
 
<!-- E / I -->
|-
|-
| {{style|col-3}} | {{cb|id=mbti|title=[ 상세 결과 보기 ]}}
| {{style|h-45px w-65px ta-right}} | E
| {{style|h-45px p-0}} |
<div {{style|
w-100%
bd-2px-sld-#4298b4
p-6px
bg-<linear-gradient(to right,
  #4298b4 {{MBTI/flip|side=right|val={{{2}}}}%,
  var(--altbg) {{MBTI/flip|side=right|val={{{2}}}}%,
  var(--altbg) {{#expr:{{MBTI/flip|side=right|val={{{2}}}}}+4}}%,
  #4298b4 {{#expr:{{MBTI/flip|side=right|val={{{2}}}}}+4}}%
)>
}}></div>
| {{style|h-45px w-65px ta-left}} | I
 
<!-- S / N -->
|-
|-
| {{style|h-45px w-65px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#4298b4 c-#4298b4 ml-auto}}>'''E'''</div>
| {{style|h-45px w-65px ta-right}} | S
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center bd-2px-sld-#4298b4 p-6px bg-<linear-gradient(to right, #4298b4 69%, var(--altbg) 69%, var(--altbg) 73%, #4298b4 73%)> c-white}}></div>
| {{style|h-45px p-0}} |
| {{style|h-45px w-65px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#4298b4 bg-#4298b4 c-white}}>'''I'''</div>
<div {{style|
w-100%
bd-2px-sld-#e4ae3a
p-6px
bg-<linear-gradient(to right,
  #e4ae3a {{MBTI/flip|side=right|val={{{3}}}}%,
  var(--altbg) {{MBTI/flip|side=right|val={{{3}}}}%,
  var(--altbg) {{#expr:{{MBTI/flip|side=right|val={{{3}}}}}+4}}%,
  #e4ae3a {{#expr:{{MBTI/flip|side=right|val={{{3}}}}}+4}}%
)>
}}></div>
| {{style|h-45px w-65px ta-left}} | N
 
<!-- T / F -->
|-
|-
| {{style|h-45px w-65px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#e4ae3a bg-#e4ae3a c-white ml-auto}}>'''S'''</div>
| {{style|h-45px w-65px ta-right}} | T
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center bd-2px-sld-#e4ae3a p-6px bg-<linear-gradient(to right, #e4ae3a 31%, var(--altbg) 31%, var(--altbg) 35%, #e4ae3a 35%)> c-white}}></div>
| {{style|h-45px p-0}} |
| {{style|h-45px w-65px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#e4ae3a c-#e4ae3a}}>'''N'''</div>
<div {{style|
w-100%
bd-2px-sld-#33a474
p-6px
bg-<linear-gradient(to right,
  #33a474 {{MBTI/flip|side=right|val={{{4}}}}%,
  var(--altbg) {{MBTI/flip|side=right|val={{{4}}}}%,
  var(--altbg) {{#expr:{{MBTI/flip|side=right|val={{{4}}}}}+4}}%,
  #33a474 {{#expr:{{MBTI/flip|side=right|val={{{4}}}}}+4}}%
)>
}}></div>
| {{style|h-45px w-65px ta-left}} | F
 
<!-- J / P -->
|-
|-
| {{style|h-45px w-65px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#33a474 c-#33a474 ml-auto}}>'''T'''</div>
| {{style|h-45px w-65px ta-right}} | J
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center bd-2px-sld-#33a474 p-6px bg-<linear-gradient(to right, #33a474 64%, var(--altbg) 64%, var(--altbg) 68%, #33a474 68%)> c-white}}></div>
| {{style|h-45px p-0}} |
| {{style|h-45px w-65px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#33a474 bg-#33a474 c-white}}>'''F'''</div>
<div {{style|
w-100%
bd-2px-sld-#88619a
p-6px
bg-<linear-gradient(to right,
  #88619a {{MBTI/flip|side=right|val={{{5}}}}%,
  var(--altbg) {{MBTI/flip|side=right|val={{{5}}}}%,
  var(--altbg) {{#expr:{{MBTI/flip|side=right|val={{{5}}}}}+4}}%,
  #88619a {{#expr:{{MBTI/flip|side=right|val={{{5}}}}}+4}}%
)>
}}></div>
| {{style|h-45px w-65px ta-left}} | P
 
<!-- A / T -->
|-
|-
| {{style|h-45px w-65px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#88619a c-#88619a ml-auto}}>'''J'''</div>
| {{style|h-45px w-65px ta-right}} | A
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center bd-2px-sld-#88619a p-6px bg-<linear-gradient(to right, #88619a 62%, var(--altbg) 62%, var(--altbg) 66%, #88619a 66%)> c-white}}></div>
| {{style|h-45px p-0}} |
| {{style|h-45px w-70px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#88619a bg-#88619a
<div {{style|
c-white}}>'''P'''</div>
w-100%
|-
bd-2px-sld-#f25e62
| {{style|h-45px w-70px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#f25e62 c-#f25e62 ml-auto}}>'''A'''</div>
p-6px
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center bd-2px-sld-#f25e62 p-6px bg-<linear-gradient(to right, #f25e62 65%, var(--altbg) 65%, var(--altbg) 69%, #f25e62 69%)> c-white}}></div>
bg-<linear-gradient(to right,
| {{style|h-45px w-65px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#f25e62 bg-#f25e62
  #f25e62 {{MBTI/flip|side=right|val={{{6}}}}%,
c-white}}>'''T'''</div>
  var(--altbg) {{MBTI/flip|side=right|val={{{6}}}}%,
{{cbx}}
  var(--altbg) {{#expr:{{MBTI/flip|side=right|val={{{6}}}}}+4}}%,
  #f25e62 {{#expr:{{MBTI/flip|side=right|val={{{6}}}}}+4}}%
)>
}}></div>
| {{style|h-45px w-65px ta-left}} | T
|}
|}

2026년 1월 9일 (금) 00:58 판

INFP-T

E

<div {{style|

w-100%
bd-2px-sld-#4298b4
p-6px
bg-<linear-gradient(to right,
 #4298b4 {{MBTI/flip|side=right|val={{{2}}}}%,
var(--altbg) 수식 오류: 알 수 없는 "{" 구두점 문자입니다.>
I
S

<div {{style|

w-100%
bd-2px-sld-#e4ae3a
p-6px
bg-<linear-gradient(to right,
 #e4ae3a {{MBTI/flip|side=right|val={{{3}}}}%,
var(--altbg) 수식 오류: 알 수 없는 "{" 구두점 문자입니다.>
N
T

<div {{style|

w-100%
bd-2px-sld-#33a474
p-6px
bg-<linear-gradient(to right,
 #33a474 {{MBTI/flip|side=right|val={{{4}}}}%,
var(--altbg) 수식 오류: 알 수 없는 "{" 구두점 문자입니다.>
F
J

<div {{style|

w-100%
bd-2px-sld-#88619a
p-6px
bg-<linear-gradient(to right,
 #88619a {{MBTI/flip|side=right|val={{{5}}}}%,
var(--altbg) 수식 오류: 알 수 없는 "{" 구두점 문자입니다.>
P
A

<div {{style|

w-100%
bd-2px-sld-#f25e62
p-6px
bg-<linear-gradient(to right,
 #f25e62 {{MBTI/flip|side=right|val={{{6}}}}%,
var(--altbg) 수식 오류: 알 수 없는 "{" 구두점 문자입니다.>
T