차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- wiki:template_dokuwiki_수정 [2021/05/19 16:46] – kieuns
+++ wiki:template_dokuwiki_수정 [2024/05/25 23:35] (현재) – [TOC를 검색창 아래에 두기] kieuns
@@ 줄 15: / 줄 15: @@
 ====== 편집기 창에서 필요 없는 문장 제거 ======
-''문서를 편집하고 저장을 누르세요. 위키 구문은 포맷팅 문법를 참조하세요. 문서를 더 좋게 만들 자신이 있을 때에만 편집하세요. 연습을 하고 싶다면 먼저 연습장에 가서 연습하세요.''
+| ''문서를 편집하고 저장을 누르세요. 위키 구문은 포맷팅 문법를 참조하세요. 문서를 더 좋게 만들 자신이 있을 때에만 편집하세요. 연습을 하고 싶다면 먼저 연습장에 가서 연습하세요.'' |
-이걸 삭제하고 편집기를 좀 더 크게 하려고.
+(↑)이걸 삭제하고 편집기를 좀 더 크게 하려고.
   * 수정할 파일: ''./inc/lang/ko/edit.txt''
@@ 줄 25: / 줄 25: @@
 ====== 사이드바 배경 이미지 빼기 ======
-''./css/structure.less'', 90 쯤
+  * 파일 ''./css/structure.less'', 90 쯤
 <code css>
@@ 줄 35: / 줄 35: @@
 ====== 검색 후보 보여주는 팝업 위치 조정 ======
-''./css/contest.less'', 202 줄 쯤
+  * 파일 ''./css/contest.less'', 202 줄 쯤
 <code css>
@@ 줄 45: / 줄 45: @@
 </code>
-''./css/_search.less'', 202 줄 쯤
+  * 파일 ''./css/_search.less'', 202 줄 쯤
 <code css>
@@ 줄 70: / 줄 70: @@
 ====== 테이블 안쪽 글자 크기 조정 ======
-  css/content.less
+  * 파일 ''css/content.less''
 **.dokuwiki table.inline** 항목 수정
@@ 줄 83: / 줄 83: @@
 ====== 리스트 위아래 여백을 조정 ======
-  css/content.less 파일 수정
+  * 파일 ''css/content.less'' 파일 수정
 줄 68쯤 부분에
@@ 줄 111: / 줄 111: @@
 ======구글폰트 사용======
-  * Noto Sans KR 폰트를 추가
+  * **Noto Sans KR 폰트**를 추가
   * [[https://fonts.google.com/?subset=korean&sort=popularity|구글 웹 한글 폰트]]
@@ 줄 138: / 줄 138: @@
 ====== 제목에 다른 폰트 설정 ======
-  * 파일: css/basic.less
+  * 파일: ''css/basic.less''
   * h1 ~ h6 까지 다른 폰트 설정
@@ 줄 155: / 줄 155: @@
 ====== 제목에 밑줄 긋기 ======
-  * 파일: design.less
+  * 파일: ''design.less''
   * 화면 상단, 위키 타이틀의 밑줄 삭제.
   * 위 항목을 설정하면 위키 타이틀에도 밑줄이 나오는데 그걸 삭제한다.
@@ 줄 170: / 줄 170: @@
 ====== 위키 제목에 그림자 넣기 ======
-  * design.less
+  * ''design.less''
 <code css>
@@ 줄 200: / 줄 200: @@
 aside 영역 상단에 서치바 추가
-  * main.php
+  * ''main.php''
 아래 부분을 찾아서,
@@ 줄 225: / 줄 225: @@
 원래 검색창을 감춘다.
-  * tpl_header.php
+  * ''tpl_header.php''
 tpl_searchform() 함수 실행하는 부분을 찾아서 주석으로.
@@ 줄 239: / 줄 239: @@
 ====== 배경 변경 ======
-  * css/basic.less
+  * ''css/basic.less''
 <code css>
@@ 줄 248: / 줄 248: @@
 </code>
-  * css/structure.less
+  * ''css/structure.less''
 %%dokuwiki__aside%%를 찾는다.
@@ 줄 264: / 줄 264: @@
 ====== sitetool 위치 변경 ======
-  * css/design.less
+  * ''css/design.less''
 <code css>
@@ 줄 275: / 줄 275: @@
 </code>
-  * css/usertools.less
+  * ''css/usertools.less''
 %%#dokuwiki__usertools%%를 찾아 수정한다.
@@ 줄 293: / 줄 293: @@
 ====== TOC를 검색창 아래에 두기 ======
-  * css/content.less
+  * ''css/content.less''
 <code css>
@@ 줄 330: / 줄 330: @@
 <!-- 이하 생략 -->
+</code>
+====== 목차를 글 위에 배치하기 ======
+  * ''./css/content.less'' 311 줄쯤.
+  * ''%%dw__toc%%''로 검색하기 하면 이런 글이 ''%%./css/content.less:311:#dw__toc {%%''
+<code css>
+ #dw__toc {
+    margin: -0.1em 0em -0.1em 0em;
+    /*margin: -1.556em -2em .5em 1.4em;*/
+    width: @ini_sidebar_width; => 30%
+    /*border-left: 1px solid @ini_border;*/
+    /* background: @ini_background; */ /* <- 주석화 */
+    background-color: #3333; /* <- 추가한 것 */
+    color: inherit;
+}
+</code>
+  * ''./css/_toc.css'' 10줄쯤
+  * 검색 결과가  ''%%./css/_toc.css:10:#dw__toc {%%''
+<code css>
+/* toc container */
+#dw__toc {
+    /* float: right; */ /* <- 주석화 */
+    margin: 0 0 1.4em 1.4em;
+    width: 12em;
+    background-color: @ini_background_alt;
+    color: inherit;
+    /* 아래부분을 추가해서 글 위로 배치 */
+    position: absolute;
+    right: 10px;
+    top: 10px;
+}
+</code>
+  * 목차 너비 변경하려면, 아래 항목을 찾아서 수정
+  * ''./style.ini'' 84줄 쯤,  ''%%__sidebar_width__%%''
+<code css>
+./style.ini:84:__sidebar_width__   = "16em"            ; @ini_sidebar_width
 </code>