CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 52
0
조회 수 : 10086 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
제목을 제대로 적었는지 모르겠네요. 제목 붙히기가 가장 어려움 -.-
말그대로 input 박스(ex. 로그인) 부분에 활성화가 될때 테두리 색이나 이미지등을 넣는 방법입니다.
자세한건 웹미니 로그인을 참고하시면 됩니다.
<input name="user_id" type="text" title="user id" onfocus="this.className='idOn';" onblur="if (!this.value) this.className='idOff'" class="idOff" />
CSS code
.idOff {border:1px solid #B8BCE2; background:#fff url(../images/default/login_id.gif) no-repeat 10px 3px;}
.idOn {border:1px solid #4e64f8;}
설명을 드리자면, input 박스에 마우를 클릭하면(활성화) idOn 이라는 class 가 적용되고, 비활성화 될때 idOff 가 적용되는 구조입니다. default 는 idOff 가 되는 것입니다.
말그대로 input 박스(ex. 로그인) 부분에 활성화가 될때 테두리 색이나 이미지등을 넣는 방법입니다.
자세한건 웹미니 로그인을 참고하시면 됩니다.
<input name="user_id" type="text" title="user id" onfocus="this.className='idOn';" onblur="if (!this.value) this.className='idOff'" class="idOff" />
CSS code
.idOff {border:1px solid #B8BCE2; background:#fff url(../images/default/login_id.gif) no-repeat 10px 3px;}
.idOn {border:1px solid #4e64f8;}
설명을 드리자면, input 박스에 마우를 클릭하면(활성화) idOn 이라는 class 가 적용되고, 비활성화 될때 idOff 가 적용되는 구조입니다. default 는 idOff 가 되는 것입니다.
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기