하츠의 꿈

어떤 블로그를 방문해서 댓글을 쓰려고 보면 박스 안에 그림이 있는 경우가 있다. 어떻게 넣었을까? 신기하네? Web2.0에 맞춰서 코딩이 되어 있기에 소스에서 댓글박스(textarea)를 찾기가 어려울 줄 알았다. 하지만 찾아보니까 쉽게 눈에 띄어서 내 블로그에 이미지를 넣었고 그 방법을 설명하려고 한다. 일단, 박스에 넣을 이미지를 구해야 한다. blog.bsmind.co.kr의 댓글입력 박스의 이미지는 어딘가에서 퍼온 이미지이며, 원저작자가 누구인지 몰라서 허락을 받지 못한 이미지이다. 텍스트큐브의 댓글입력 박스의 높이는 약 126px이며, 티스토리의 댓글입력 박스의 높이는 130px 이다. 높이는 각자의 블로그마다 다를 수 있다. 1. 텍스트큐브 관리자화면 -> 꾸미기 -> 스킨편집 화면으로 이동한..

홈페이지에 이미지 테두리나 테이블 또는 그냥 박스를 만들 때 이미지로 하지 않고 스타일시트(CSS)의 border 속성을 이용해서 만들 수가 있다. 간단하게 테두리를 두르는 일반적인 박스는 solid로 하면 되는데, 그 외 것들을 자꾸 까먹어서 정리해 본다. 박스(정확히 말하면 객체의 테두리 선) 만들때의 기본 요소는 선의 모양(border-style), 선의 굵기(border-width), 선의 색상(border-color) 3가지다. 선의 모양(border-style) solid, double, groove, dotted, dashed, inset, outset, ridge, hidden 선의 굵기(border-width)와 선의 색상(border-color)은 별도로 설명할 필요는 없을 것 같아 선..