웹노하우&다운로드/css 썸네일형 리스트형 3D GALLERY WITH CSS3 & JQUERY http://tympanus.net/Development/3DGallery/index.html 더보기 jquery 메뉴 http://tympanus.net/Tutorials/CSSButtonsPseudoElements/index.html CSS buttonswith pseudo-elements 더보기 이미지css 스타일 롤오버 a.rollover:hover {border:6px solid #000;} a.rollover:hover, x:-moz-any-link {display:block;} /* Firefox2 디버깅 값. 하지만 Firefox의 모든 버전에 대응한다. */ a.rollover:hover, x:-moz-any-link, x:default {display:inline-block;} /* Firefox3를 다시 희망하는 값으로 디버깅. 하지만 IE7이 이것에 대응한다. */ a.rollover:hover img {display:block; overflow:hidden; margin:-6px;} class="rollover">img src="fm1.jpg" width="240" height="170" .. 더보기 input 박스 활성화시 테두리 색 넣기 말그대로 input 박스(ex. 로그인) 부분에 활성화가 될때 테두리 색이나 이미지등을 넣는 방법입니다. 자세한건 웹미니 로그인을 참고하시면 됩니다. 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 가 되는 것입니다. 더보기 이전 1 다음