웹솔루션개발 25년 노하우! 해피CGI의 모든것

css만으로 간단하게 마우스 오버시 밑줄 효과를 낼 수 있습니다. 위 이미지와 같이 마우스오버를 했을때 서서히 글씨 색깔이 변하고 밑줄이 그어지는 효과를 낼 수 있는 css 입니다. 첨부된 index.html 파일을 통해 자세하게 해당 효과를 낼 수 있는 소스를 확인하실 수 있습니다. ^^

CSS 입문자들에게 힘든 것중 하나인 가로 중앙, 세로 중앙 정렬을 손쉽게 소스까지 만들어주는 howtocenterincss콘텐츠 종류 , 너비, 높이, 정렬방식, 지원브라우저 등을 선택한 후 소스 코드 생성시 선택한 항목에 따라 소스 코드를 제공한다. 정렬에 어려움은 겪는 입문자에게 아주 유용한 사이트이다.

안녕하세요 해피CGI 입니다. 해피 소셜마켓 솔루션 모바일 Ver1.3 (장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 소셜마켓 솔루션 Ver1.3 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 모바일 Ver1.8 (B타입 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 B타입 Ver2.2 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 모바일 Ver1.8 (A타입 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 A타입 Ver2.2 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

다양한 컬러 조합을 확인하고 제공해주는 klart 입니다. 스페이스바를 클릭시 새로운 컬러조합을 확인 가능합니다. 컬러조합별 사이트 정보를 클릭시 해당 조합으로 사용중인 사이트 목록도 확인 가능합니다. 색상조합이나, 선택에 고민될때 아주 유용한 사이트네요,.

Accordion 으로 이용할 수 있는 jQuery 플러그인 입니다. 다운로드 받은 파일의 압축을 해제하고 demo/index.html 파일을 웹브라우저로 열어보면 샘플확인이 가능합니다. 가벼운 프로그램이어서 지원되는 옵션은 몇가지는 안됩니다만, 딱 필요한것은 있네요. 기본 예제와, 아코디언으로 활용한 예제 펼쳐진 부분들을 픽스를 시켜버린 예제와, 약간의 애니메이션을 추가한 예제등등이 있네요. 어떤 항목이 열리고 닫히고 했었는지 이벤트를 얻어서 화면에 표시해주는것도 되긴 하네요. 하나의 예제에 대한 화면과, 예제를 위한 HTML와 스크립트 소스코드를 비교해서 보면, 많이 어렵다거나 복잡하진 않네요. 위 화면에 대한 소스코드 예제 가볍고, 쉽다보니 활용하기가 수월해보이네요.