깔끔하고 보기 좋은 구분선
구경/정보2010. 6. 5. 13:38
매번 포스팅을 하면서 느끼는 거지만, 깔끔하고 내용까지 좋은 포스트를 작성 하는건 정말 노력과 정성이라는 겁니다...
공부도 해야하고 좋은 블로그 찾아서 봐야 하고... 얼마나 더 노력해야 포스트 작성 시간을 30분 이하고 줄일지.. 에휴
그 노력의 일환으로 보기 좋은 블로그에 꼭 들어가는 구분선을 소개합니다.
Soruce Code 원본은 천상한별닷컴(http://www.hanbyoul.com/497)에서 발췌했습니다.
물론 원본 자체도 훌륭하지만 색감이나 비율 같은 부분은 사람마다 느끼는게 틀리므로 제 취향에 맞게 수정을 한겁니다.
혹 수정방법이 궁금하시어 덧글로 요청하시면 본문에 추가하겠습니다.
Type 01
내용 입력 부분 |
<!-- 구분선(구역) Start --> <TABLE style="WIDTH: 634px; BORDER-COLLAPSE: collapse; HEIGHT: 31px" cellSpacing=1 cellPadding=1 bgColor=#ffffff><TBODY><TR> <TD style="BORDER-BOTTOM: rgb(36,36,36) 1px solid; BORDER-LEFT: rgb(36,36,36) 0px solid; BORDER-TOP: rgb(36,36,36) 0px solid; BORDER-RIGHT: rgb(36,36,36) 0px solid" bgColor=#242424 width="1%"></TD> <TD style="BORDER-BOTTOM: rgb(36,36,36) 1px solid; BORDER-LEFT: rgb(36,36,36) 0px solid; BORDER-TOP: rgb(36,36,36) 0px solid; BORDER-RIGHT: rgb(36,36,36) 0px solid" width="99%"> <SPAN style="FONT-SIZE: 12pt; FONT-WEIGHT: bold;"> 내용 입력 부분 </SPAN></TD> <TD style="BORDER-BOTTOM: rgb(36,36,36) 1px solid; BORDER-LEFT: rgb(36,36,36) 0px solid; BORDER-TOP: rgb(36,36,36) 0px solid; BORDER-RIGHT: rgb(36,36,36) 0px solid" width="100%"></TD> </TR></TBODY></TABLE> <!-- 구분선(구역) End -->
Type 02
<!-- 구분선(검정줄 2패턴) Start --> <DIV style="BORDER-LEFT: rgb(36,36,36) 200px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: rgb(210,210,210); PADDING-LEFT: 6px; WIDTH: 100%; PADDING-RIGHT: 6px; FONT: bold 1pt/1 나눔고딕, Sans-serif; MARGIN-BOTTOM: 10px; HEIGHT: 1px; COLOR: #fff; PADDING-TOP: 3px" > </DIV> <!- 구분선(검정줄 2패턴) End -->
'구경 > 정보' 카테고리의 다른 글
황금비 ( 황금비율, Golden Ratio ) (0) | 2010.07.16 |
---|---|
컴퓨터 모니터 해상도별 비율 (0) | 2010.07.16 |
정치 성향 자가진단 ( 피엔씨리포트/한겨레신문 - 정치·경제·사회 성향 설문조사 ) (0) | 2010.06.07 |
게임 프로그래머의 소양 & 신입 포트폴리오 (0) | 2010.06.03 |