아래 손가락을 눌러주세요. 

 



테두리 서식
        

광고를 배치하다 보면 허전할 때가 있습니다. 무엇인가를 장식하고 싶지만 정책을 위반할까봐 고민될 때가 있죠. 이 문서에서는 정책을 위반하지 않는 장식을 소개합니다. 광고에 테두리를 치는 것입니다. 테두리가 없어도 깔끔해 보이지만, 있어도 정리된 모습(?)으로 깔끔하게 보입니다.



테두리를 치는 것은 매우 간단합니다. html을 잘 모르셔도 티스토리에서는 글쓰기 에디터가 있기 때문에 간단히 구현할 수 있습니다. 또한, 이러한 방법으로 다른 서식들도 응용하여 사용하실 수 있습니다. 배워 보시면 이해하실껍니다.



  테두리 서식

쉽다고 표현한 것은 평소에 글쓰기를 할 때 사용하던 것이기 때문입니다. 사실 테두리는 다른게 아니고 테이블을 이용한 것입니다.



빨간섹 네모 이용해서 테두리 서식을 만들 수 있습니다. 테이블 1x1을 삽입하고, 테두리선과 배경색등을 자신의 스타일에 맞게 꾸밉니다. 단, 테이블 안에는 ★ 같은 문자 하나로 광고가 삽입될 부분을 표시해줍니다.

다 꾸미셨으면 HTML을 체크하여 HTML 모드로 들어갑니다.


여기서는 빨간색 밑줄은 테두리의 테두리색과 배경색을 설정할 수 있는 부분입니다. 첫 번째 밑줄은 테두리 색깔을 rgb형식으로 설정하고, 마찬가지 방법으로 두 번째 밑줄은 테두리 배경색을 설정할 수 있습니다.

이제 이 코드를 적용하기만 하면 됩니다. [HTML/CSS 편집] 모드에서 광고가 있는 부분을 코드로 씌워주면 광고가 테두리 안으로 삽입됩니다.


혹시 이해를 못 하실수도 있으니 코드로 조금 더 자세히 설명 드리자면,


테두리 코드.txt

<p><table class="txc-table" width="584" cellspacing="0" cellpadding="0" border="0" style="border:none;border-collapse:collapse;;font-family:돋움;font-size:12px"><tbody><tr><td style="width: 584px; height: 24px; border: 2px solid rgb(0, 85, 255);"><p style="text-align: center;">

( 이 부분에 광고 코드를 삽입하세요. )

&nbsp;</p></td>

</tr>

</tbody></table></p>


굳이 직접 만들지 않고도 테두리를 쉽게 사용하실 수 있도록 위에서 설명한 서식 코드를 첨부합니다. 내려 받으셔서 사용하시면 됩니다.






posted by 쪼재