.entry h2                { font-family:wooriSaebom; font-size:17px;  line-height:24px; letter-spacing:-1px;}

.entry h2 을 검색해서 붉은색 부분을 추가하거나 있으면 수정해주세요.
물론, skin.html 부분에서 이미 업로드 된 폰트를 지정해놓고 있어야 합니다.

댓글을 달아 주세요

<div class="article">를 검색한 후 아래의 태그로 완성시킵니다.
<div class="article" style="font:100% wooribatang;">

Font:100% 이 부분을 조절하면 본문영역의 기본 글자크기를 조절할 수 있습니다.
단! 별도의 크기 조절이 없어야 합니다. 에디터란에서 크기조절을 하게 되면 해당 크기로 맞춰집니다.

wooribatang; 이것은 웹폰트의 이름이죠. 본문란에 한하여 해당 웹폰트를 적용시킵니다.
물론 이것을 제대로 표현하려면 skin.html란에서 미리 해당 폰트를 업로드해서 Style type 처리를 시켜야겠죠.

댓글을 달아 주세요

포스트 영역및 사이드바 영역이 고유의 색깔을 가지고 있지 않은 경우 블로그에 배경이미지를 사용하게 되면 배경이미지가
포스트 영역및 사이드바 영역까지 적용이 되어버리게 됩니다. 따라서 이 부분은 해당 영역에 고유의 색깔을 집어넣음으로서 해결이
가능해지는 문제입니다.

우선 원하는 배경이미지(주로 패턴이미지를 많이 사용)를 블로그에 직접 업로드 합니다.
이 경우 이미지의 주소가 ./images/(확장자를 포함한 이미지이름)이 되겠습니다.

업로드를 했으면 skin.html 부분의 </head> 문장 바로밑에 아래의 태그를 삽입해줍니다.
<body background="./images/savepatten.jpg(자신이 업로드한 파일로 이름및 확장자를 변경해주세요)">

그리고나서 미리보기로 제대로 배경이미지가 적용이 되었는지 살펴봅시다.

적용이 되었다면 다음으로는 포스트 영역인 content 항목에 태그를 삽입해야 합니다.
<div id="content"> 항목을 찾은 후 아래와 같이 만들어 줍니다.
<div id="content" style="background-color:#FFFFFF;">
여기서 뒤의 컬러부분만 원하는 색으로 조절해줍니다. 여기에 사용된값은 흰색입니다.


미리보기를 해 보시면 이제 포스트영역에 정상적으로 배경색깔이 들어간것을 보실 수 있습니다.
만일 헤더부분과 포스트영역이 간격이 벌어져있다면 #header { 를 검색한 후 그 아래쪽에 margin-bottom 이라는 문장이 존재하는지
살펴봅시다. 이 태그의 수치를 0px로 고쳐주시면 헤더와 포스트영역간의 간격이 사라지게 되는것이죠.

이제 포스트영역은 일단락되었으니 사이드바 영역에 배경색깔이 집어넣어봅시다.
자, div id="sidebar" 를 검색해주세요. 그 후 아래처럼 태그를 완성시켜줍니다.
<div id="sidebar" style="background-color:#FFFFFF;">
역시 뒷 부분의 배경색깔만 바꿔주시면 됩니다. 사용된 예시는 흰색이구요.

이것을 응용하면 각 개별영역에 각기 다른 배경이미지를 삽입할수도 있답니다.

댓글을 달아 주세요

Style.css 에서 #container 항목과 #content 항목을 수정해도 아티클(본문)넓이가 제대로 수정되지 않으면 아래와 같이 됩니다.


보시면 알겠지만..글쓰기에디터란에는 분명 한줄로 전부 들어가는 글인데 막상 저장을 해서 보면 저렇게 오른쪽 끝까지글이
나가지 않고 줄바꿈이 되어버립니다. 덕분에 붉은색 박스안의 여백이 생기게 되는거죠.
이 부분을 수정해줍시다.

.article 항목을 찾습니다.
{ text-align:justify; width:670px; margin:10px 5px 10px 5px; overflow:hidden; color:#0a0d45;}

width:670px: 본문의 넓이를 지정해줍니다. 일반적으로는 content 항목과 똑같거나 약간 작은 값을 주셔야 합니다.
color:#0a0d45: 본문글들에 들어갈 기본 색깔을 지정해줍니다. 여기서 색깔을 지정하면 특별히 색깔옵션을 넣지 않아도
지정된 색이 입혀져 글들이 출력됩니다.

댓글을 달아 주세요

사용자 삽입 이미지

사용자 삽입 이미지

위 그림처럼 덧글 박스에 이미지를 넣는 방법입니다.

HTML/CSS 편집 - style.css 부분에서 댓글(덧글)관련 입력란을 찾습니다. 스킨마다 다르긴
하지만 대부분 textarea로 검색하시면서 찾으시면 됩니다.

그 후 아래의 소스를 입력해줍니다.


background:url(이미지경로); background-repeat: no-repeat; background-position: right;}


맨 끝의 right 는 이미지의 위치를 나타내는겁니다. left,center등 적절히 조절해줍시다.

단! 삽입되는 이미지는 현재 덧글박스의 크기와 똑같거나 작아야 합니다.

댓글을 달아 주세요