하츠의 꿈

어떤 블로그를 방문해서 댓글을 쓰려고 보면 박스 안에 그림이 있는 경우가 있다. 어떻게 넣었을까? 신기하네? 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)은 별도로 설명할 필요는 없을 것 같아 선..

어찌보면 웹프로그램할 때 Language보다 html이나 스타일쉬트 때문에 시간이 오래걸릴 때가 많다.. 쉽다고 기억을 하지 않고 그때 그때 찾으면서 하니 이보다 비효율적일 수가... 내용이 많은 경우 iframe을 사용하지 않고 div 태그를 이용해서 스크롤바를 만들면 효과적으로 화면에 표시할 수 있으며 많이 사용한다. DIV를 이용해서 테이블에 스크롤바 만들기 아래와 같이 테이블의 td 안에 div 넣고 div에 스타일을 적용하면 많은 내용이라도 width와 height로 지정한 영역안에 내용이 표시되고 스크롤바가 표시된다. 여기서 중요한 것이 overflow 라는 것이다. - 스크롤을 표시하지 않을 경우 : overflow:hidden - 항상 스크롤을 표시할 경우 : overflow:scroll ..