대문: 두 판 사이의 차이

2025년 11월 29일 (토) 23:44 판

서버 멤버들과 함께 적어 나가는 DSL의 아름다운 이야기
DSL위키에 오신 여러분을 환영합니다!

DSL위키는 서버내 모든 이야기들을 모아두는 곳입니다.
위키 문서의 수정은 누구나 가능합니다!
여러분들의 많은 관심으로 위키를 더욱 더 풍부하게 만들어주세요!

위키 작성이 어려우신가요?
위키 문법이 어렵고 작성이 힘드시면 자신이 구상한 내용을 위키 전문가들에게 보내 구현 요청 해보세요!

위키를 본격적으로 만들어보고 싶어요.
DSL위키는 MediaWiki 엔진을 사용하나, HTML + CSS를 엔진 기본 문법 대신 사용합니다. 잘 만들어진 다른 문서에서 본문을 가져와 자신의 것으로 만들어봅시다!

모든 소개틀 사용 문서에 대한 수정 권고사항이 있습니다.(251129)
DSL위키 안에서 소개틀(문서 맨 처음의 <table> 태그)을 사용하는 모든 문서에 대해 다음의 코드를 추가할 것을 권고드립니다. 이를 적용하지 않은 문서는 추후 개발될 목차 시스템의 생성 대상에서 제외될 수 있습니다.

A. 소개틀의 table 태그 수정

(기존 table 태그, 몇몇 부분은 문서마다 다를 수 있음)

<table style="border-collapse: collapse; width: 100%; max-width: 400px; background-color: white; color: black;">

(수정된 table 태그)

<table style="border-collapse: collapse; width: 100%; max-width: 400px; background-color: white; color: black; margin-bottom: 50px; margin-left: auto;">

B. 수정된 소개틀을 감싸는 코드 추가

<div style="width: 100%; display: flex; flex-direction: row; flex-wrap: wrap-reverse; justify-content: space-between; align-items: flex-end;">

<div style="display: inline-block; width: 220px; margin-right: 20px; padding: 20px; color: white;"></div>

이곳에 수정한 소개틀의 table 태그 붙여넣기

<div>

위 코드를 적용하면 소개틀이 오른쪽 정렬되며, 빈공간 왼쪽에는 추후 목차가 들어갈 것입니다.

[ 서버 정보 ]

A.M.S. 서버시스템 (제 3 서버컴퓨터) 에서 구동중입니다.
24시간 구동되도록 노력중입니다!
버그제보 : @dongwan0910, @neatore
위키엔진 : MediaWiki
이 서버를 만든 사람들이 궁금하신가요?

@@ 16번째 줄: / 16번째 줄: @@
 <div style="border: 1px solid gray; border-top: 3px solid darkorange; margin-top: 20px; padding-left: 10px; padding-right: 10px;">
 <span style="text-size: 1.2rem; font-weight: bold; color: white;">모든 소개틀 사용 문서에 대한 수정 권고사항이 있습니다.<span style="color: gray; margin-left: 5px;">(251129)</span></span><br/>
-DSL위키 안에서 소개틀(문서 맨 처음의 &lt;table&gt; 태그)을 사용하는 모든 문서에 대해 다음의 코드를 추가할 것을 권고드립니다. 이를 적용하지 않으면 추후 개발될 <span style="font-weight: bold; text-decoration: underline;">목차 시스템의 적용에 영향이 생길 수 있습니다.</span><br/>
+DSL위키 안에서 소개틀(문서 맨 처음의 &lt;table&gt; 태그)을 사용하는 모든 문서에 대해 다음의 코드를 추가할 것을 권고드립니다. 이를 적용하지 않은 문서는 추후 개발될 <span style="font-weight: bold; text-decoration: underline;">목차 시스템의 생성 대상에서 제외될 수 있습니다.</span><br/>
 <div style="background-color: #1A1A1A; color: white; padding: 1px 10px 1px 10px; margin-bottom: 15px; font-family: monospace;">
+'''A. 소개틀의 table 태그 수정'''<br/>
+<span style="color: gray;">(기존 table 태그, 몇몇 부분은 문서마다 다를 수 있음)</span><br/>
+&lt;table style="border-collapse: collapse; width: 100%; max-width: 400px; background-color: white; color: black;"&gt;
+<br/><br/>
+'''(수정된 table 태그)'''<br/>
+&lt;table style="border-collapse: collapse; width: 100%; max-width: 400px; background-color: white; color: black; <span style="color: orange;">margin-bottom: 50px; margin-left: auto;</span>"&gt;
+</div>
+<div style="background-color: #1A1A1A; color: white; padding: 1px 10px 1px 10px; margin-bottom: 15px; font-family: monospace;">
+'''B. 수정된 소개틀을 감싸는 코드 추가'''<br/>
 &lt;div style="width: 100%; display: flex; flex-direction: row; flex-wrap: wrap-reverse; justify-content: space-between; align-items: flex-end;"&gt;<br/>
-<span style="color: orange;">이곳에 소개틀의 table 태그 붙여넣기</span><br/>
+&lt;div style="display: inline-block; width: 220px; margin-right: 20px; padding: 20px; color: white;"&gt;&lt;/div&gt;<br/>
+<span style="color: orange;">이곳에 수정한 소개틀의 table 태그 붙여넣기</span><br/>
 &lt;div&gt;
 </div>