포스팅용 이미지에 일일이 포토샵에서 테두리를 넣기도 귀찮고, 배경색과 비슷한 이미지를 업로드 했을때 이미지 영역이 어디까지인지 구별이 안되는 문제가 있습니다. 물론 흰 배경에 카툰을 올린다거나 좀더 자연스러운 레이아웃을 보여주고 싶으신분은 이런 기능이 필요가 없겠지만요. 구버전 파이어폭스에서는 이 태그가 안먹혔는데 최신버전은 되더군요~.
● 테두리에 1px 선 넣기
스킨에디터 > 전문가용 편집 > css 탭을 선택하고
.post_content img { border:1px solid #d1cbbb; }
이렇게 아무데나 한줄 삽입하세요. #d1cbbb 은 컬러값으로, 원하는 색으로 변경해서 쓰시면 됩니다. 이미지에 border를 넣은 후에는 이미지 테두리에 1px이 늘어나게 되므로, 본문 폭을 2px 늘려줘야합니다. (border가 2px일 경우 본문폭을 4px 늘입니다.)
.content { width:502px; }
.content 항목을 찾으신 후 다른건 그대로 두고, width만 (현재는 500px) 502px로 수정합니다. 또는, 템플릿 변경 > 포스트영역 > 포스트 본문의 본문 이미지 사이즈를 498 픽셀로 고쳐도 됩니다.

● 테두리 1px 선 + 바깥쪽 흰 여백 10px 넣기
주로 사진을 많이 올리는 분들은 유용하게 쓰실 수 있을 것 같습니다.
스킨에디터 > 전문가용 편집 > css 탭을 선택하고
.post_content img { border:1px solid #d1cbbb; padding:10px; background-color:#FFFFFF; }
이렇게 한줄 삽입하세요. padding을 10px, 여백은 흰색 #FFFFFF 로 지정하였습니다. padding값과 테두리도 생겼으니 이미지 폭도 522px로 자동적으로 늘어납니다. 템플릿 변경 > 포스트영역 > 포스트 본문의 본문 이미지 사이즈를 (현재는 500px) 478 픽셀로 줄여주세요~.
● 테두리에 1px 선 넣기
스킨에디터 > 전문가용 편집 > css 탭을 선택하고
.post_content img { border:1px solid #d1cbbb; }
이렇게 아무데나 한줄 삽입하세요. #d1cbbb 은 컬러값으로, 원하는 색으로 변경해서 쓰시면 됩니다. 이미지에 border를 넣은 후에는 이미지 테두리에 1px이 늘어나게 되므로, 본문 폭을 2px 늘려줘야합니다. (border가 2px일 경우 본문폭을 4px 늘입니다.)
.content { width:502px; }
.content 항목을 찾으신 후 다른건 그대로 두고, width만 (현재는 500px) 502px로 수정합니다. 또는, 템플릿 변경 > 포스트영역 > 포스트 본문의 본문 이미지 사이즈를 498 픽셀로 고쳐도 됩니다.

● 테두리 1px 선 + 바깥쪽 흰 여백 10px 넣기
주로 사진을 많이 올리는 분들은 유용하게 쓰실 수 있을 것 같습니다.
스킨에디터 > 전문가용 편집 > css 탭을 선택하고
.post_content img { border:1px solid #d1cbbb; padding:10px; background-color:#FFFFFF; }
이렇게 한줄 삽입하세요. padding을 10px, 여백은 흰색 #FFFFFF 로 지정하였습니다. padding값과 테두리도 생겼으니 이미지 폭도 522px로 자동적으로 늘어납니다. 템플릿 변경 > 포스트영역 > 포스트 본문의 본문 이미지 사이즈를 (현재는 500px) 478 픽셀로 줄여주세요~.





" 죽기위해 태어난게 아냐 "![Weezer - Raditude [Standard Version]](http://image.aladdin.co.kr/coveretc/music/coveroff/8678242361_1.jpg)




최근 덧글