[UP] 블로그 글 양쪽 정렬로 더욱 깔끔하게 보기[UP] 블로그 글 양쪽 정렬로 더욱 깔끔하게 보기
Posted at 2010/02/15 00:54 | Posted in IT/컴퓨터/소셜/> 블로그 팁
적용전
적용후
아래 적용 후에 오른편 빨간색 막대기 부분을 보시면 글이 더욱더 깔끔하게 정렬되어 가독성이나 미간상으로도 더욱더 보기 좋게 보여집니다. 적용 방법은 스킨의 HTML/CSS 편집 모드로 가신 뒤.. CTRL + F 버튼을 눌러 찾기에서 .article{ 를 입력하여 검색합니다. 그리고 } 가로 안에 아래 코드를 입력합니다.
text-align:justify
수정하고 나면 아래와 같이 되겠죠. (스킨마다 코드의 내용은 약간 다르나 기본 틀은 똑같습니다)
.article{
margin:15px 0;
font:/*@post-body-font-size=*/13px/*@*/ /*@post-body-font-family=*/NanumGothic, 나눔고딕,/*@*/;
line-height:180%;
color:/*@post-body-color=*/#444/*@*/; text-align:justify;
}
margin:15px 0;
font:/*@post-body-font-size=*/13px/*@*/ /*@post-body-font-family=*/NanumGothic, 나눔고딕,/*@*/;
line-height:180%;
color:/*@post-body-color=*/#444/*@*/; text-align:justify;
}
이제 저장 버튼을 살포시 눌러주시고 작성된 글을 보시면 친절하게 양쪽 정렬이 되어 있는 걸 보실 수 있습니다.
※ justify 속성이 영문에 비해 한글에는 약간 어색한 경우가 있습니다. 이럴때에는 아래와 같이 css 적용을 해주시면 좀 더 자연스럽게 보일실 거에요..^^ (Update at 2011.4.5)
.article{
margin:15px 0;
font:/*@post-body-font-size=*/13px/*@*/ /*@post-body-font-family=*/NanumGothic, 나눔고딕,/*@*/;
line-height:180%;
color:/*@post-body-color=*/#444/*@*/; text-align:justify; text-justify:inter-cluster;
}
margin:15px 0;
font:/*@post-body-font-size=*/13px/*@*/ /*@post-body-font-family=*/NanumGothic, 나눔고딕,/*@*/;
line-height:180%;
color:/*@post-body-color=*/#444/*@*/; text-align:justify; text-justify:inter-cluster;
}
'IT/컴퓨터/소셜 > > 블로그 팁' 카테고리의 다른 글
| [UP] 블로그 글 양쪽 정렬로 더욱 깔끔하게 보기 (3) | 2010/02/15 |
|---|---|
| 블로그 방문자 수 높이기 :: 사이트 등록, 메타블로그 등록 (0) | 2010/02/14 |
| 구글 애드센스 광고 부정클릭 방지 :: 마이센스 (10) | 2010/01/06 |
| 구글 애드센스 광고들의 단가가 낮다면? (2) | 2010/01/06 |
| 블로그나 홈페이지의 검색 엔진 플러그인 만들기 (4) | 2010/01/04 |
| IE6 사용금지 운동 - IE6 No More (7) | 2009/08/18 |
블로그검색 온타운 쥔장입니다.
막 등록하였습니다.
이용안내를 꼭 읽어주세요~
그럼 또 뵙겠습니다~~