메뉴 건너뛰기

스퀘어 뭐..? 독방스케줄표 만들기 어렵다고?🥺 그래서 가져왔다😎💖
10,447 153
2021.06.01 03:50
10,447 153


스케줄표 만들지 않고 쉽게 샘플로만 가져가서 쓰라고 

내가 걍 아예 기본틀 html 소스를 만들어왔음ㅇㅇ


선 굵기, 바탕색 등등.. 꾸미는 방법은 

내가 전에 올려둔 https://theqoo.net/1646899753 

이글을 참고해주시면 감사(__)

(위에 찾는 내용이 없으면 해당 태그 검색하거나 

덬들한테 물어보면 친절히 알려줄 거야... 나도 야매로 하는 거라^_^)



기본틀 미리보기

wEPAe.png


기본틀은 각 독방스케줄 구경하다가 

대부분 이렇게 꾸며서 하는 걸 보아 이걸로 당첨 ★★★



html 소스


배경색 글자색 한줄색

(색상 코드를 하나하나 바꿔야 하므로 귀찮으면 메모장 켜서 모두 바꾸기 신공ㄱㄱ)


<table style="width:100%;border-collapse:collapse;border-spacing:0;" class="tg"><thead><tr>

<th style="width:10%;background-color:#c9ebf2;color:#e37188;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">date</th>

<th style="width:15%;background-color:#c9ebf2;color:#e37188;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">category</th>

<th style="width:75%;background-color:#c9ebf2;color:#e37188;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">contents</th></tr>

</thead><tbody><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">1</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">2</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">3</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">4</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">5</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">6</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">7</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">8</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">9</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">10</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">11</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">12</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">13</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">14</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">15</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">16</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">17</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">18</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">19</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">20</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">21</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">22</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">23</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">24</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">25</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">26</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">27</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">28</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">29</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">30</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">📌</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;" colspan="2" rowspan="1"><br />메모<br /><br /></td></tr>

</tbody></table>



위에 표 소스를 복사해서 html 편집기에서 복붙후

배경색 글자색 한줄색 임시 색상 코드원하는 색상 코드로 바꿔서 쓰기만 하면 됩니당~

#땡땡땡땡땡땡 <-이렇게 되어있는 거 색상표 코드(=Color Code) 검색하면 나오니까

원하는 색으로 찾아서 바꾸세욥 (#영어+숫자 6자리 코드)


찾기 귀찮으면 여기에 들어가서 맘에 드는 색 조합ㄱㄱ

https://html-color-codes.info
https://htmlcolorcodes.com
https://www.colordic.org



기본틀에 다음달 스케줄에 넣을 것들이나, 투표 등등 여러가지 메모할 곳도 만들었는데

(📌 <- 이 이모지도 취향껏 다른 걸로 바꿔서 쓰셈ㅇㅇ)

이 부분 필요 없으면 30일 내용줄 소스 부분에서 <tr> 만 지워주고


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">📌</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;" colspan="2" rowspan="1"><br />메모<br /><br /></td></tr>


↑ 메모 들어가는 소스를 지워주세요~

그러면 걍 메모할 곳 없이 딱 30일까지 줄만 보일 거임ㅇㅇ


위에 설명을 쉽게 움짤로 보기

https://gfycat.com/AnchoredBeautifulBlackrussianterrier



시간 카테 추가하기 + 날짜 추가/줄이기


시간 카테까지 포함하고 싶으면 번거롭겠지만 덬들이 일일 줄을 추가해줘야함ㅠㅠ

추가하는 방법은 쉽게 아래 움짤로 설명하겠음!


https://gfycat.com/FlakyTerribleAcaciarat

이렇게 일일... 추가하셔야...합니다^ㅅ^ㅎㅎ 다들 복붙 신공으로 ㅎㅇㅌ!


그리고 6월은 30일까지라 틀이 30일로 있으니 

31일로 수정할 때는 표 하나 추가해주고 28일은 표 지워주면 됨! (간-단)

이것도 아래 움짤로 간단하게 설명함



31일까지 추가하기

https://gfycat.com/MiniatureChiefCatbird


28일로 줄이기

https://gfycat.com/TintedSolidAmericancicada




내용 추가하는 법


내용 추가할 때마다 셀 추가해야 되는데 가끔 글쓰기 에디터가 말을 듣지 않아

드래그가 자주 잘 안 먹힐 때 있어서 걍 html 소스로 추가하는데

이것도 움짤로 보여드리겠음


https://gfycat.com/ImpoliteReasonableBarbet

추가할 때마다 rowspan="숫자" 숫자도 늘어주세요

2줄은 rowspan="2" 

10줄은 rowspan="10" 이런 식으로 테스트하면서 수정해주세용~

참고로 원덬이는 저렇게 내용만 써서 색 입히고 링크는 URL로 추가해욥!

HTML 편집기 모드로 내용 쓰기 - 에디터 모드로 돌아와서 URL 추가하고 내용 색 입히기 이렇게!



그리고 항상 글 올리기 전에 

이 주소로 먼저 테스트 수정하는 걸 추천함


http://htmledit.squarefree.com


원덬이 테스트방에 수정하다가 백업해두는 걸 까먹고 

자주 날려서 OMG!!!! 외치다가 우연히 찾은 개꿀 태그 연습 사이트임ㅠㅠ


실시간으로 보면서 수정할 수 있는 장점이 커서 덬들한테도 알림(~!!)

항상 여기다 다 소스로 수정해놓고 

html 소스 복붙해서 테스트방에서만 내용 색 등등.. 바꾸는 것만 하고 있음

알못도 한눈에 쉽게 수정하기 좋으니까 해보셈ㄱㄱ


아무튼!! 내가 케톡하면서 스케줄표 만들기 어려워하는 덬들

꽤 보여서 스케줄표 틀 html 소스를 공유했는데 

이건 스케줄글뿐만 아니라 온갖 정리글도 가능하니까 언제든 쓰삼ㅇㅇ


나도 야매로 n년째 스케줄덬 하고 있어서 설명을 잘했는지 모르겠지만ㅠㅠ

쨌든 도움이 됐길 바라며... 모든 스케줄덬, 가이드덬들 화이팅^3^❤️



+) 스케줄표 줄을 점선으로 바꾸고 싶을 때


본밑줄 : solid

점선줄 : dashed

점음표줄 : dotted

*줄 없애고 싶으면 1px를 0px로 바꾸면 되고 ~px 숫자 늘릴 때마다 줄 굵기도 커짐


BftNG.png

테이블의 맨마지막 줄은 </td></tr><tr> 가 아닌 </td></tr> 까지 고정.

*위에 메모 부분 지우는 방법 보면 알거임..^_^


한줄 테이블 구분 : 날짜칸 / 카테고리칸 / 내용칸 (*시간칸 포함시)

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">1/화</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">시간</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>



+) 줄에 배경 넣고 싶을 때


해당줄 소스에서 background-color:#원하는색상코드6자리; 추가해주세요:)

필요 없으면 넣지 않거나 백그라운드 컬러를 #ffffff 혹은 rgb(255, 255, 255)로 흰색코드로 표시해두면 편해용!


ex:


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">1</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>



<td style="border-color:#ffffff;background-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="1">1</td>

<td style="border-color:#ffffff;background-color:#efefef;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;background-color:#efefef;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>



+) (날짜 제외)줄 합치고 싶을 때

DHbsq.png


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" colspan="2" rowspan="1">내용</td></tr><tr>


↑ 간단하게 이 소스만 복붙 ㄱㄱ

*이거는 카테+콘텐츠까지의 소스여서 시간까지 했을 때는 colspan="2" colspan="3" 으로 바꿔주세용!


ex: 합친줄 / 기본줄


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="2">1</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>



<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" rowspan="2">1</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;" colspan="2" rowspan="1">내용</td></tr><tr>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;">카테고리</td>

<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:left;">내용</td></tr><tr>



+) 스케줄표에 이미지 넣는 소스


<td style="border-color:#ffffff;border-bottom:1px solid #efefef;font-family:Tahoma, sans-serif;font-size:11px;padding:10px 5px;text-align:center;padding:0;margin:0;line-height:0;" colspan="2" rowspan="1"><p><img src="이미지주소" style="cursor: pointer;"></p></td></tr><tr>


시간(time)까지 포함되어 있으면 colspan="2"colspan="3" 으로 바꿔주는 거 잊지 말기!

원덬이는 이미지 가로 사이즈 900~1200px로 꾸며서 만든거 넣었음 (세로는 250~300px가 딱 예쁜듯)


 

댓글 153
댓글 더 보기
새 댓글 확인하기

번호 카테고리 제목 날짜 조회
이벤트 공지 💚더쿠X려💚 칙칙 뿌리면 뽕긋 살아나는 뿌리볼륨🌿 려 루트젠 뿌리볼류머 체험단 모집 362 05.18 55,440
공지 [공지] 언금 공지 해제 24.12.06 5,202,105
공지 📢📢【매우중요】 비밀번호 변경 권장 (현재 팝업 알림중) 24.04.09 12,475,006
공지 공지가 길다면 한번씩 눌러서 읽어주시면 됩니다. 23.11.01 13,158,725
공지 ◤더쿠 이용 규칙◢ [스퀘어 정치글은 정치 카테고리에] 20.04.29 35,780,723
공지 알림/결과 2026년 하반기 주요 공연장 일정 16 25.11.29 35,046
공지 알림/결과 【 정치 관련 글은 💧💧💧다른곳💧💧💧에서 】 25.07.22 883,510
공지 알림/결과 2026년 상반기 주요 공연장 일정 85 25.06.09 755,707
공지 알림/결과 ✨아니 걍 다른건 다 모르겠고....케이돌토크 와서 돌덬들한테 지랄 좀 그만해✨ 154 24.08.31 2,700,775
공지 잡담 핫게 글 주제에대한 이야기는 나눌수있어도 핫게 글이나 댓글에대한 뒷담을 여기서 하지말라고 13 23.09.01 4,824,658
공지 알림/결과 🔥왕덬이 슼방/핫게 중계하는것도 작작하랬는데 안지켜지더라🔥 95 18.08.28 7,632,425
모든 공지 확인하기()
30825868 잡담 코르티스 자컨 넘 재밌다.. 06:31 7
30825867 잡담 르 스춤에서 윤진이가 너무 예쁘게 웃고있음 ㅋㅋㅋ 06:28 8
30825866 잡담 르세라핌 붐팔라 계속 듣게되넹 ㅋㅋㅋㅋㅋ 06:27 8
30825865 잡담 전에 본진 응원봉 커버 공구했던건데 06:26 61
30825864 잡담 밑에 쓴 덬인데 아오아 콘 결제 갈김 3 06:16 88
30825863 잡담 ㄹㅅㄹㅍ 데뷔초 안무 좋았는데 요즘 이상해 3 06:16 208
30825862 잡담 근대 요새 이상한게 바로 본체 까기로 가더라? 3 06:15 105
30825861 잡담 아오아 콘서트에서 같곳 벚꽃이지면 소나기까지 할거같음?? 1 06:12 76
30825860 잡담 차쥐뿔 원희편 재밌닼ㅋㅋㅋㅋㅋ 06:10 39
30825859 잡담 아이오아이 콘서트 아직 매진 안됐던데 3 06:05 397
30825858 잡담 가사에 영어 많이 넣을거면 걍 공식 번역을 해줌좋겠음 1 06:02 64
30825857 잡담 위버스콘서트 본확 많이 빡쎄? 05:50 36
30825856 잡담 콘서트 좌석 먼 중앙이랑 가까운 사이드 중에 뭐가 좋아? 8 05:44 153
30825855 잡담 아 엑소콘 베돈크 무대 수호 생일에디션 개웃기다 1 05:42 115
30825854 잡담 멋진신세계 보는데 궁금한게 3 05:27 297
30825853 잡담 잠온다 05:24 38
30825852 잡담 음원처럼 라이브 못 하겠어서 호통 창법으로 부르는 거 뭔지 앎? 4 05:21 443
30825851 잡담 유가지원금 십만원 받은걸로 뭐하디 5 05:20 333
30825850 잡담 에에엥 나 지금 인남 2 05:15 144
30825849 잡담 캐리어 깔끔하게 쓰려고 압축파우치 사려고 했는데 세탁이 안된대 05:10 90