연습장:Sakura: 두 판 사이의 차이

2025년 3월 2일 (일) 15:40 판

[ 소속 세계관 ]


만주일몽	한나라닷컴	천안문, 5월 35일	우리의 혁명

[ 관련 문서 ]

한랩	세계관 안내	문학사

이 세계관은 한나라 유니버스의 세계관 입니다. 한랩 연재자 외 수정을 금지합니다.

@@ 1번째 줄: / 1번째 줄: @@
-== 기능 틀 ==
+<div class="mx-auto w-full p-0 border-0 rounded-[10px] text-center" style="background-image: linear-gradient(90deg, #002856 4%, #002E6D  20%, #002E6D  80%, #002856 96%)">
-=== 테마(라이트모드/다크모드) 별 이미지 ===
+<div class="mx-auto mb-[3px] w-full border-[5px] p-[6px] bg-transparent text-white">
-<div class="inline-block dark:hidden">{{{1|라이트모드에서 보입니다!}}}</div><div class="hidden dark:inline-block">{{{2|다크모드에서 보입니다!}}}</div>
+{| class="mx-auto w-full bg-transparent text-white border-transparent"
+|-
+| class="h-[80px]" | [[파일:한나라 유니버스 로고 w.svg|200px|link=한나라 유니버스]]
+|-
+| <div class="mt-[-10px] mb-0"><span class="inline-block my-0 mx-[10px] py-[5px] px-[10px] w-[94%]" style="background-image:linear-gradient(to bottom, transparent 40%, #FFF 45%, #FFF 55%, transparent 55%)"></span></div>
+|-
+|}
-=== 다크모드 전환 토글 ===
+<div class="inline-block" style="min-width: 49%">
-{{test}}
+<div class="flex flex-col">
+<div class="mw-customtoggle-Hannara_Universe_1 text-white">'''[ 소속 세계관 ]'''</div>
+<div id="mw-customcollapsible-Hannara_Universe_1" class="mw-collapsible mw-collapsed mw-plain-collapsible" style="width: 100%;">
+<div class="mw-collapsible-content">
+{| class="w-full ml-[-0px] mt-[5px] mb-[5px] leading-[180%]"
+|-
+| class="w-1/4 p-[4px] w-lvw" | {{테두리|[[파일:만주 민주 공화국 국기1.svg|x50px|link=만주일몽]]}}
+| class="w-1/4 p-[4px]" | {{테두리|[[파일:태극기 (한나라).svg|x50px|link=한나라닷컴]]}}
+| class="w-1/4 p-[4px]" | {{테두리|[[파일:중국 국기.svg|x50px|link=천안문, 5월 35일]]}}
+| class="w-1/4 p-[4px]" | {{테두리|[[파일:미국 국기.svg|x50px|link=우리의 혁명]]}}
+|-
+| [[만주일몽|{{글씨 색|#fff|만주일몽}}]]
+| [[한나라닷컴|{{글씨 색|#fff|한나라닷컴}}]]
+| [[천안문, 5월 35일|{{글씨 색|#fff|천안문, 5월 35일}}]]
+| [[우리의 혁명|{{글씨 색|#fff|우리의 혁명}}]]
+|-
+| colspan="3" |
+|-
+|}</div></div></div></div>
-== Tailwind CSS 설명 ==
+<div class="inline-block" style="min-width: 49%">
-=== 무엇인가? ===
+<div class="flex flex-col">
-<div class="max-w-[500px] w-full   mx-auto mb-[6px] pb-[6px]   bg-sky-500 border-sky-500 border-solid border-2   text-center text-white">{{youtube|--D4WMPEIZI|496px}}'''Tailwind CSS를 설명하는 영상'''</div>
+<div class="mw-customtoggle-Hannara_Universe_2 text-white">'''[ 관련 문서 ]'''</div>
-css 파일 대신 html에 코드를 쓰는 걸로 대신할 수 있는 CSS 프레임워크 라고는 하지만 이해 못하시죠? 간단히 말하자면 style="" 사이에 무언가를 쓰는것 대신에 class=""에 적어서 적용할 수 있게 만드는 기능입니다.
+<div id="mw-customcollapsible-Hannara_Universe_2" class="mw-collapsible mw-collapsed mw-plain-collapsible" style="width: 100%;">
+<div class="mw-collapsible-content">
-=== 왜 쓰는가? ===
+{| class="w-full ml-[-0px] mt-[5px] mb-[5px] leading-[180%]"
-코드를 짜는 시간이 짧아집니다. 대표적으로 틀을 가운데 두기 위해 많이 쓰는 <code>style="margin-right: auto; margin-left: auto;"</code>는 <code>class="mx-0"</code>로 짧게 작성할 수 있습니다. 또, 문서의 다크모드 대응도 가능하게 됩니다. 기존 방식에서는 다크모드에 대응할 수 없고, 대응하고자 하면 관리자가 미리 작성해놓은 <code>class="evewiki-dark-txt"</code> 같은걸 써야했지만, 이제는 관리자가 미리 작성했느냐와는 관계 없이 <code>class="dark:text-white"</code>라고 작성하여 다크모드에서 글자를 흰색으로 보이게 할 수 있습니다.
+|-
+| class="w-1/3 w-lvw" | [[한랩|{{글씨 색|#fff|한랩}}]]
+| class="w-1/3" | [[한나라 유니버스|{{글씨 색|#fff|세계관 안내}}]]
+| class="w-1/3" | [[문학사|{{글씨 색|#fff|문학사}}]]
+|-
+| colspan="3" |
+|-
+|}</div></div></div></div>
+{| class="mx-auto w-full"
+|-
+| style="line-height:160%; height:35px; border:0px solid transparent; font-size:8pt" | 이 세계관은 '''[[한나라 유니버스|{{글씨 색|#ffffff|한나라 유니버스}}]]'''의 세계관 입니다. '''[[한랩|{{글씨 색|#ffffff|한랩}}]] 연재자''' 외 수정을 금지합니다.
+|-
+|}</div></div><noinclude>[[분류:한랩]]</noinclude>[[분류:한나라 유니버스]]