텍스트큐브 사이드바 수정 방법 - 스킨
2009.06.10 00:36 Edit
많은 분들이 텍스트큐브나 티스토리를 사용하는 이유중 하나가 바로 자유롭게 편집 가능한 디자인일 것입니다. 하지만 html에 관한 기본적인 지식 없인 쉬운일이 아니죠.
그래서 제가 만든 criuce_job 스킨(대부분의 스킨이 엇비슷 합니다.)을 기반으로 사이드바에 새로운 내용을 추가하는 방법에 대해 간략하게 설명하도록 하겠습니다.
[code]<s_sidebar_element>
<!-- 카운터 -->
<div class="counter">
<h3>Counter</h3>
<ul>
<li>
전체 : [##_count_total_##]
</li>
<li>
오늘 : [##_count_today_##]
</li>
<li>
어제 : [##_count_yesterday_##]
</li>
</ul>
</div>
</s_sidebar_element>
[/code]
skin.html 파일 안에서 요렇게 되어있는 부분을 먼저 찾습니다.
만약 추가할 플러그인을 하얀 박스안에 넣으실 생각이시면 다음과 같이 수정합니다.
[code]<s_sidebar_element>
<!-- 카운터 -->
<div class="counter">
<h3>Counter</h3>
<ul>
<li>
전체 : [##_count_total_##]
</li>
<li>
오늘 : [##_count_today_##]
</li>
<li>
어제 : [##_count_yesterday_##]
</li>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 새로운 사이드바 -->
<div class="listBox">
<h3>사이드바의 제목</h3>
<div>사이드바의 내용</div>
</ul>
</div>
</s_sidebar_element>
[/code]
위젯과 같이 하얀 박스 안에 넣는것 보다 밖으로 빼두는게 외관상 좋은 경우
[code]<s_sidebar_element>
<!-- 카운터 -->
<div class="counter">
<h3>Counter</h3>
<ul>
<li>
전체 : [##_count_total_##]
</li>
<li>
오늘 : [##_count_today_##]
</li>
<li>
어제 : [##_count_yesterday_##]
</li>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 새로운 사이드바 -->
<div style="margin-bottom:10px;">사이드바의 내용</div>
</s_sidebar_element>
[/code]
요렇게 하시면 됩니다.
그리고 나서 관리자패널->꾸미기->위젯 으로 들어가셔서 새로 추가한 사이드바의 위치를 설정해 주시면 됩니다. 끝~
Trackbacks 0
Comments 2
-
kinniku
2009.08.20 15:41
*.212.249.34
감동의 눈물이 철철 ㅠㅠㅠㅠㅠ 너무너무 감사합니다 바로 시도해볼게요!!!!!!
(+)으와 ㅠㅠㅠㅠㅠㅠ.....태그치인 제가....한번에 성공했어요 ㅠㅠ 정말 너무 감사합니다 ㅠㅠㅠㅠ