'블로그'에 관한 글 4개
- 2013.09.21 제목 태그 (heading tags) 2
- 2013.09.21 위쪽 차림표에 딸린 항목 넣기
- 2013.09.18 알림글 시험
- 2012.05.13 표와 글상자 미리보기
제목 태그 (heading tags)
블로그/스킨 미리보기
2013. 9. 21. 15:57
<h2>~</h2> 제목
<h3>~</h3> 제목
<h4>~</h4> 제목
<h5>~</h5> 제목
<h6>~</h6> 제목
'블로그 > 스킨 미리보기' 카테고리의 다른 글
| 위쪽 차림표에 딸린 항목 넣기 (0) | 2013.09.21 |
|---|---|
| 알림글 시험 (0) | 2013.09.18 |
| 표와 글상자 미리보기 (0) | 2012.05.13 |
위쪽 차림표에 딸린 항목 넣기
블로그/스킨 미리보기
2013. 9. 21. 15:52
아래는 이 미리보기 블로그처럼 딸린 항목이 붙는 차림표 항목을 왼위쪽 차림표에 넣는 보기입니다. 딸린 항목은 <ul> 태그에 클래스 이름으로 submenu, submenu2, submenu3을 붙여 계층을 구분하여 넷째 단계까지 넣을 수 있습니다.
<div class="navbarleft">
<ul>
<li><a href="#" title="Shortcut">바로가기▼</a>
<ul class="submenu">
<li><a href="#">검색기</a>
<ul class="submenu2">
<li><a href="http://www.google.co.kr">구글 (Google)</a></li>
<li><a href="http://se.naver.com">네이버 (Naver)</a></li>
<li><a href="http://ws.daum.net">다음 (Daum)</a></li>
<li><a href="http://www.bing.com">빙 (Bing)</a></li>
<li><a href="http://kr.search.yahoo.com">야후 (Yahoo)</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<ul>
<li><a href="#" title="Shortcut">바로가기▼</a>
<ul class="submenu">
<li><a href="#">검색기</a>
<ul class="submenu2">
<li><a href="http://www.google.co.kr">구글 (Google)</a></li>
<li><a href="http://se.naver.com">네이버 (Naver)</a></li>
<li><a href="http://ws.daum.net">다음 (Daum)</a></li>
<li><a href="http://www.bing.com">빙 (Bing)</a></li>
<li><a href="http://kr.search.yahoo.com">야후 (Yahoo)</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
'블로그 > 스킨 미리보기' 카테고리의 다른 글
| 제목 태그 (heading tags) (2) | 2013.09.21 |
|---|---|
| 알림글 시험 (0) | 2013.09.18 |
| 표와 글상자 미리보기 (0) | 2012.05.13 |
알림글 시험
블로그/스킨 미리보기
2013. 9. 18. 09:15
글쓰기 시험
'블로그 > 스킨 미리보기' 카테고리의 다른 글
| 제목 태그 (heading tags) (2) | 2013.09.21 |
|---|---|
| 위쪽 차림표에 딸린 항목 넣기 (0) | 2013.09.21 |
| 표와 글상자 미리보기 (0) | 2012.05.13 |
표와 글상자 미리보기
블로그/스킨 미리보기
2012. 5. 13. 14:02
미리보기를 위한 글입니다. 이 곳에 달린 덧글에는 답을 하지 않습니다. 티스토리 스킨에 대한 덧글은 http://pat.im/1041에 남겨 주시기 바랍니다.
아래는 <table> 태그로 넣는 표에 클래스 이름을 'table'을 붙였을 때에 나타나는 표입니다.
| '꽃'을 누를 때 | 누르는 글쇠 (쿼티 자판 기준) |
윗글쇠 누르는 수 |
||
|---|---|---|---|---|
| ᄁ | ᅩ | ᆾ | ||
| 2벌식 표준 | R | h | c | 1 |
| 3-90 | kk | v | Z | 1 |
| 최종(3-91) | kk | v | Z | 1 |
| 3-2011 | kk | v | Z | 1 |
| 순아래 | kk | v | = | 0 |
| 신세벌 | kk | v | c | 0 |
| 3-2011 아랫글 | kk | v | 8z | 0 |
제목 칸은 <td> 대신 <th>를 써서 구분할 수 있습니다..
blockquote 객체입니다.아래는 이 스킨에서만 쓸 수 있는 글상자입니다.
blockquote 객체는 다른 곳에서 따온 글을 붙일 때에 씁니다.
<blockquote>내용</blockquote>
div 태그에 클래스 이름을 textbox를 붙인 글상자입니다.
<div class="textbox">내용</div>
<div class="textbox">내용</div>
그림 밑에 붙이는 자막
그림이 들어가는 글상자가 따로 필요할 때 textbox로 붙인 글상자와 다르게 꾸밀 수 있습니다.
본문과 글상자에 들어가는 그림의 가장 큰 크기는 600화소입니다.
<div class="imagebox">내용</div>
'블로그 > 스킨 미리보기' 카테고리의 다른 글
| 제목 태그 (heading tags) (2) | 2013.09.21 |
|---|---|
| 위쪽 차림표에 딸린 항목 넣기 (0) | 2013.09.21 |
| 알림글 시험 (0) | 2013.09.18 |
뒷북전문 보조 블로그 - 팥알_ -