일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- CSS
- 해피씨지아이
- 게시판
- #홈페이지
- #이미지
- jquery
- #happycgi
- #홈페이지제작
- 홈페이지
- #뉴스
- 솔루션
- #업종별
- 사이트제작
- #솔루션
- CGIMALL
- happycgi
- #cgimall
- #CSS
- #jQuery
- php
- 웹솔루션
- 해피CGI
- #image
- #동영상
- javascript
- 홈페이지제작
- #쇼핑몰
- #해피CGI
- #웹솔루션
- 쇼핑몰
- Today
- Total
목록happycgi (2268)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bfzGVt/btrWxqV2vwN/Jrh2GDiWRbKkE1nkfn54H1/img.gif)
신규출시 업종별 솔루션 음식점(카페B) 와이드 홈페이지 안녕하세요 해피CGI 입니다. 업종별 솔루션 음식점(카페B) 와이드 홈페이지가 새롭게 출시되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bzVMiQ/btrWwJu2wtN/fGW1JkednFmJNgvkHXJlyk/img.gif)
신규출시 업종별 솔루션 영어학원B 홈페이지 안녕하세요 해피CGI 입니다. 업종별 솔루션 영어학원B 홈페이지가 새롭게 출시되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/pXYA1/btrWwfH0Rev/JmtqIbZicFbuIkKtzKDRyk/img.gif)
신규출시 업종별 솔루션 영어학원A 와이드 홈페이지 안녕하세요 해피CGI 입니다. 업종별 솔루션 영어학원A 와이드 홈페이지가 새롭게 출시되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vIbrA/btrWwhsgIA1/jiSM68B27jNUecDSBZSE8K/img.gif)
신규출시 업종별 솔루션 쇼핑몰14(견과류) 와이드 홈페이지 안녕하세요 해피CGI 입니다. 업종별 솔루션 쇼핑몰14(견과류) 와이드 홈페이지가 새롭게 출시되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/6vgwS/btrWBa5JZzG/HhjkGOpYWccjSIP79hBDak/img.gif)
신규출시 업종별 솔루션 쇼핑몰13(샐러드) 와이드 홈페이지 안녕하세요 해피CGI 입니다. 업종별 솔루션 쇼핑몰13(샐러드) 와이드 홈페이지가 새롭게 출시되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/byUFDd/btrWBcJfA3B/P82EwGPokjdegD3k71Ggr1/img.jpg)
- 라이센스 MIT - 사용 방법 1. 정보 및 이미지 자르기 컨테이너를 만듭니다. 2. 자르기를 실행할 버튼을 추가합니다. 3. JQuery 라이브러리와 cropimage.js 파일을 불러옵니다. 4. 자르기 컨테이너에서 플러그인을 호출하고 자르기 원하는 이미지는 지정합니다. 5. 잘라낸 이미지를 페이지에 표시합니다. 6. 옵션을 변경할 수 있습니다. - 작동 예제
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bFWGVn/btrWpZSyAbt/JoLYWUTm3vLD0CJ1VHIFkK/img.jpg)
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 Jquery.number.format.js 파일을 호출합니다. 2. 숫자 값 앞/뒤로 붙일 화폐 표시도 설정할 수 있습니다. 3. 천 단위에 기분 기호를 지정할 수 있습니다. 기본값 : 콤마(,) 4. 소수점 이하 숫자를 지정된 자리수만큼만 표시할 수 있습니다. 기본값 : 2 5. 소수점 이하 숫자를 지정된 소수 자릿수로 반올림 할 수 있습니다. 기본값 : true 6. 소수점 구분 기호를 지정할 수 있습니다. - 작동 예제
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/CDwy1/btrWeXNOh0G/7rdT4Eq4gzX9UYPbkJVEwk/img.jpg)
고정된 이미지 vimeo 동영상 youtube 동영상 이미지 또는 자동재생되는 동영상을 슬라이드 되는 형태로 출력합니다. 정해진 가로 세로 비율에 따라 출력됩니다. 첨부된 파일을 다운로드 하거나 해당 사이트에서 전체 소스를 확인할 수 있습니다. css 로 슬라이드시 에니메이션 효과를 변경할 수 있습니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ON8HI/btrV9XlvP4L/4a42vrOOa5RQ1jigUUGyRK/img.jpg)
탭메뉴는 올바르게 디자인된 경우 매우 편리하고 유용한 인터페이스 요소가 될 수 있습니다. 그러나 모바일 장치와 같은 작은 화면에서 작동하는 반응형 웹 사이트를 구축할 때 탭 기반 인터페이스는 특히 CSS를 통해 모양을 수정하기 어려울 때 큰 문제가 될 수 있습니다. 미디어 쿼리를 삽입하여 탭의 HTML 코드를 수정할 수 있습니다. 그러나 HTML을 수동으로 변경해야 하기 때문에 이것은 매우 어려운 작업입니다. 또는 해당 자료에서 제공할 jQuery 반응형 탭 스크립트를 사용하여 모바일 장치 와 같은 작은 화면에서 탭을 아코디언 인터페이스로 전환하여 모든 공간을 더 중요한 정보에 사용해 보세요. # 일반화면 # 모바일과 같은 가로 디바이스가 작은 화면 사용방법 안내 입니다. 1. 탭메뉴 CSS 호출 2. ..