2005년 11월 08일
http://haime.egloos.com/1174526
덧글창 안에 공지를 넣는 팁
텐(天) 님의 질문을 받고 적습니다. (질문할까 말까 망설이셨다는데, 그러지 마시고 바로바로 물어보세요 ^^)
덧글창 안에 공지를 넣으려면
실은 공란에 공지가 써있다가도 마우스로 클릭하면 사라지는, 이를테면 네이버 검색창 같은 시스템을 만들고 싶었는데 이글루스 스킨 방식으로는 안되는 것 같더군요.
도움이 되셨기를 바랍니다 ^^
덧글창 안에 공지를 넣으려면
1. 공지가 적힌 그림 파일을 만듭니다. (gif나 jpg)
2. 스킨 편집창으로 갑니다.
3. 그림 파일을 업합니다.
4. css창 아무데나 아래와 같이 적습니다.
이때 붉은 색으로 표시된 것을 자신의 스킨에 맞게 수정합니다. width는 덧글창의 폭, height는 덧글장의 높이, 그리고 http 자리에는 방금 3번에서 올린 그림의 주소를 넣습니다.
5. 스킨을 저장합니다.
2. 스킨 편집창으로 갑니다.
3. 그림 파일을 업합니다.
4. css창 아무데나 아래와 같이 적습니다.
div.comment_input textarea {
background : url(http://.......gif) no-repeat bottom center;
width: 537px !important;
height: 200px !important;
padding: 5px;
}
background : url(http://.......gif) no-repeat bottom center;
width: 537px !important;
height: 200px !important;
padding: 5px;
}
이때 붉은 색으로 표시된 것을 자신의 스킨에 맞게 수정합니다. width는 덧글창의 폭, height는 덧글장의 높이, 그리고 http 자리에는 방금 3번에서 올린 그림의 주소를 넣습니다.
5. 스킨을 저장합니다.
실은 공란에 공지가 써있다가도 마우스로 클릭하면 사라지는, 이를테면 네이버 검색창 같은 시스템을 만들고 싶었는데 이글루스 스킨 방식으로는 안되는 것 같더군요.
도움이 되셨기를 바랍니다 ^^
# by | 2005/11/08 21:20 | 스킨 | 트랙백(2) | 덧글(12)
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
제목 : 덧글창 안에 공지를 넣는 팁을 응용하여...
덧글창 안에 공지를 넣는 팁 셀리님의 팁을 응용하여 입력창에 그림을 넣는 데까지는 성공... 그런데 이걸 어떻게 해야 겉그림과 연결되는거야... 포토샵으로 작업해야 하나? 아님 margin이나 padding같은거 건드려야 하나? ;; 산넘어 산이다......more
제목 : 덧글창 키우기&안에 공지넣기
덧글창 안에 공지를 넣는 팁 <div style="BORDER-RIGHT: #fac6c6 2px dashed; PADDING-RIGHT: 15px; BORDER-TOP: #fac6c6 2px dashed; PADDING-LEFT: 15px; BACKGROUND: #fff0f5; PADDING-BOTTOM: 15px; BORD......more
이런 방법이었네요. 감사합니다♡ (사실은 텍스트인 줄 알고
찾아봐도 안나오더라고요...T^T 흑흑흑~)
코멘트 입력하는 부분 말고 입력한 코멘트가 표시되는 부분에는 배경을 어떻게 까나요;ㅅ;?
지금 보면 크리스마스 링..이라고 해야하나, 그 이미지들이 배경으로 깔려있으니까 코멘트창이 참 예뻐보여서요:9 가르쳐주실 수 있으신가요;ㅅ;
DIV.COMMENT { }
안에다
BACKGROUND : URL(그림 주소);
를 쓰면 됩니다.