어떤 블로그를 가면 글이 참 깔끔하니.. 되있고..
어떤 블로그를 보면 글이 정말 정신없이 쭉쭉 되있는것을 보실수 있습니다.
조금 깔끔 하게 글을 쓰시는분들을 보면 도형이나 구분선 같은것을 잘 활용하시더라구요
그래서 제가 구분선을 깔끔하게 넣는 방법을 알아왔습니다.
| 파란색 구분선! |
이 파란색 구분선은 티스토리에서 자주 보이더군요 그래서 열심히 가지고 왔습니다.
아래의 소스를 복사 하셔서 글쓰기->붙여넣기->서식으로 저장을 하시면 글을 쓰실때 마다 옆에서 가져와서 쓰실수 있습니다.
덧) 글 쓰실때 글쓰기창에 HTML이라는 부분을 체크를 하신 다음에 붙여넣기 하셔야 합니다.
아래의 소스를 복사 하셔서 글쓰기->붙여넣기->서식으로 저장을 하시면 글을 쓰실때 마다 옆에서 가져와서 쓰실수 있습니다.
덧) 글 쓰실때 글쓰기창에 HTML이라는 부분을 체크를 하신 다음에 붙여넣기 하셔야 합니다.
<TABLE style="WIDTH: 634px; BORDER-COLLAPSE: collapse; HEIGHT: 31px" cellSpacing=1 cellPadding=1 bgColor=#ffffff>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: rgb(48,88,210) 1px solid; BORDER-LEFT: rgb(48,88,210) 0px solid; BORDER-TOP: rgb(48,88,210) 0px solid; BORDER-RIGHT: rgb(48,88,210) 0px solid" bgColor=#3058d2 width="1%"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"><SPAN style="FONT-WEIGHT: bold" class=Apple-style-span> </SPAN></SPAN></SPAN></TD>
<TD style="BORDER-BOTTOM: rgb(48,88,210) 1px solid; BORDER-LEFT: rgb(48,88,210) 0px solid; BORDER-TOP: rgb(48,88,210) 0px solid; BORDER-RIGHT: rgb(48,88,210) 0px solid" width="99%"><SPAN style="COLOR: rgb(48,88,210); FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"><SPAN style="FONT-WEIGHT: bold" class=Apple-style-span> 파란색 구분선!</SPAN> </SPAN></SPAN><FONT color=#c8056a><STRONG><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"><SPAN style="COLOR: rgb(48,88,210)"> </SPAN><br />
</SPAN></SPAN></STRONG></FONT></TD>
<TD style="BORDER-BOTTOM: rgb(255,70,197) 1px solid; BORDER-LEFT: rgb(48,88,210) 0px solid; BORDER-TOP: rgb(48,88,210) 0px solid; BORDER-RIGHT: rgb(48,88,210) 0px solid" width="100%"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"> </SPAN></SPAN></TD></TR></TBODY></TABLE><br />
<FONT face=굴림><SPAN style="FONT-SIZE: 9pt"><SPAN style="COLOR: rgb(92,127,176); FONT-WEIGHT: bold"></SPAN></SPAN></FONT>
<DIV></DIV>
<DIV></DIV><br />
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: rgb(48,88,210) 1px solid; BORDER-LEFT: rgb(48,88,210) 0px solid; BORDER-TOP: rgb(48,88,210) 0px solid; BORDER-RIGHT: rgb(48,88,210) 0px solid" bgColor=#3058d2 width="1%"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"><SPAN style="FONT-WEIGHT: bold" class=Apple-style-span> </SPAN></SPAN></SPAN></TD>
<TD style="BORDER-BOTTOM: rgb(48,88,210) 1px solid; BORDER-LEFT: rgb(48,88,210) 0px solid; BORDER-TOP: rgb(48,88,210) 0px solid; BORDER-RIGHT: rgb(48,88,210) 0px solid" width="99%"><SPAN style="COLOR: rgb(48,88,210); FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"><SPAN style="FONT-WEIGHT: bold" class=Apple-style-span> 파란색 구분선!</SPAN> </SPAN></SPAN><FONT color=#c8056a><STRONG><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"><SPAN style="COLOR: rgb(48,88,210)"> </SPAN><br />
</SPAN></SPAN></STRONG></FONT></TD>
<TD style="BORDER-BOTTOM: rgb(255,70,197) 1px solid; BORDER-LEFT: rgb(48,88,210) 0px solid; BORDER-TOP: rgb(48,88,210) 0px solid; BORDER-RIGHT: rgb(48,88,210) 0px solid" width="100%"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Gulim"> </SPAN></SPAN></TD></TR></TBODY></TABLE><br />
<FONT face=굴림><SPAN style="FONT-SIZE: 9pt"><SPAN style="COLOR: rgb(92,127,176); FONT-WEIGHT: bold"></SPAN></SPAN></FONT>
<DIV></DIV>
<DIV></DIV><br />
두번째 구분선..
이 구분선은 이름이동기님이 포스팅을 하실때 쓰시는 서식 같은데 깔끔하더라구요..
<DIV style="BORDER-LEFT: #000000 200px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #e8e8e8; PADDING-LEFT: 6px; WIDTH: 690px; PADDING-RIGHT: 6px; FONT: bold 1pt/1 나눔고딕, Sans-serif; MARGIN-BOTTOM: 10px; HEIGHT: 1px; COLOR: #fff; PADDING-TOP: 3px"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Batang"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-SIZE: 1pt"></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></DIV>
<DIV style="LINE-HEIGHT: 1.7"><SPAN style="FONT-FAMILY: Dotum"><FONT color=#474747></FONT><SPAN style="FONT-SIZE: 10pt"><FONT color=#474747></FONT><SPAN style="FONT-FAMILY: Dotum"><FONT color=#474747></FONT><SPAN style="FONT-SIZE: 10pt"><FONT color=#474747> </FONT></SPAN></SPAN></SPAN></SPAN><br />
</DIV></DIV></DIV></DIV>
이런 구분선을 이용하시면 조금은 깔끔하게 글을 쓰실수 있습니다. 그리고 보통 이런 구분선들을 저렇게 태그로 만드셔서 서식에 저장해놓으시면 글을 쓰실때 불러와서 바로바로 쓰실수 있습니다.
<DIV style="BORDER-LEFT: #000000 200px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #e8e8e8; PADDING-LEFT: 6px; WIDTH: 690px; PADDING-RIGHT: 6px; FONT: bold 1pt/1 나눔고딕, Sans-serif; MARGIN-BOTTOM: 10px; HEIGHT: 1px; COLOR: #fff; PADDING-TOP: 3px"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Batang"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-SIZE: 1pt"></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></DIV>
<DIV style="LINE-HEIGHT: 1.7"><SPAN style="FONT-FAMILY: Dotum"><FONT color=#474747></FONT><SPAN style="FONT-SIZE: 10pt"><FONT color=#474747></FONT><SPAN style="FONT-FAMILY: Dotum"><FONT color=#474747></FONT><SPAN style="FONT-SIZE: 10pt"><FONT color=#474747> </FONT></SPAN></SPAN></SPAN></SPAN><br />
</DIV></DIV></DIV></DIV>
이런 구분선을 이용하시면 조금은 깔끔하게 글을 쓰실수 있습니다. 그리고 보통 이런 구분선들을 저렇게 태그로 만드셔서 서식에 저장해놓으시면 글을 쓰실때 불러와서 바로바로 쓰실수 있습니다.
;
댓글을 달아 주세요