티스토리 블로그 사이드바에 적용가능한 테이블 몇개

티스토리에서 제공하는 글상자 서식입니다. 응용해서 사이드바 등에 적용해서 사용하시면 됩니다. 초보들은 테이블 태그 같은 거 잘 모르는 분들도 많더라구요. 아래 링크를 클릭해서 좌측 최상단 사이드바를 보면 응용해서 만든 테이블 모양이 보입니다. 아래의 테이블을 이용하면 메뉴를 깔끔하게 구성할 수 있습니다.

http://mediglish.tistory.com

1) http://mediglish.tistory.com ::: 열린 영어와 그 적들

2) http://mediglish.tistory.com

3) http://mediglish.tistory.com

4) http://mediglish.tistory.com

5) http://mediglish.tistory.com

6) http://mediglish.tistory.com

http://mediglish.tistory.com

티스토리 블로그 글쓰기를 클릭하고 HTML 모드에 체크한 뒤 복사해 넣습니다. 그리고 HTML 체크를 해제하면 위 테이블 모양이 보입니다. 나머지는 알아서 수정해서 사용하시면 됩니다. 아래 소스 복사가 안되면 댓글 소스를 복사하세요.

<div class="txc-textbox" style="border: 1px solid rgb(203, 203, 203); background-color: rgb(255, 255, 255); padding: 10px;">

<p>1)&nbsp;<a href="http://mediglish.tistory.com" target="_blank" class="tx-link">http://mediglish.tistory.com</a> ::: 열린 영어와 그 적들</p></div>

<div class="txc-textbox" style="border: 1px solid rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;">

<p>2)&nbsp;<a href="http://mediglish.tistory.com" target="_blank" class="tx-link">http://mediglish.tistory.com</a></p></div>

<BR>

<div class="txc-textbox" style="border: 1px solid rgb(159, 211, 49); background-color: rgb(231, 253, 181); padding: 10px;">

<p>3)&nbsp;<a href="http://mediglish.tistory.com" target="_blank" class="tx-link">http://mediglish.tistory.com</a></p></div>

<BR>

<BR><div class="txc-textbox" style="border: 1px dashed rgb(193, 193, 193); background-color: rgb(238, 238, 238); padding: 10px;">

<p>4)&nbsp;<a href="http://mediglish.tistory.com" target="_blank" class="tx-link">http://mediglish.tistory.com</a></p></div>

<BR>

<div class="txc-textbox" style="border: 1px dashed rgb(203, 203, 203); background-color: rgb(255, 255, 255); padding: 10px;">

<p>5)&nbsp;<a href="http://mediglish.tistory.com" target="_blank" class="tx-link">h</a><a href="http://mediglish.tistory.com" target="_blank" class="tx-link">ttp://mediglish.tistory.com</a></p></div>

<BR>

<div class="txc-textbox" style="border: 3px double rgb(243, 197, 52); background-color: rgb(254, 254, 184); padding: 10px;">

<p>6)&nbsp;<a href="http://mediglish.tistory.com" target="_blank" class="tx-link">http://mediglish.tistory.com</a></p></div>

<BR>

<p><br /></p><div class="txc-textbox" style="border: 1px solid rgb(219, 232, 251); background-color: rgb(219, 232, 251); padding: 10px;">

<p>http://mediglish.tistory.com</p></div>