일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #홈페이지제작
- 해피씨지아이
- javascript
- #웹솔루션
- 웹솔루션
- 해피CGI
- #이미지
- #cgimall
- #업종별
- CSS
- 솔루션
- #jQuery
- #쇼핑몰
- 사이트제작
- CGIMALL
- #happycgi
- #동영상
- #CSS
- #해피CGI
- jquery
- #image
- happycgi
- 홈페이지
- 홈페이지제작
- #뉴스
- 쇼핑몰
- php
- 게시판
- #홈페이지
- #솔루션
- Today
- Total
목록#cgimall (1322)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
안녕하세요 해피CGI 입니다. 해피 도매몰(B2B형) 솔루션 모바일 Ver1.7 (B타입 장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 도매몰(B2B형) 솔루션 B타입 Ver1.8 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 도매몰(B2B형) 솔루션 모바일 Ver1.7 (A타입 장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 도매몰(B2B형) 솔루션 A타입 Ver1.8 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다.
각종 상가/상권 정보를 제공하는 Open Api 입니다. 주요 기능은 아래와 같습니다. 해당 API를 이용하기 위해서는 https://www.data.go.kr/dataset/15012005/openapi.do 위 페이지에서 활용신청을 하고 이용을 할 수 있습니다. API 이용방법은 상세기능의 각 기능을 클릭 해보시면 페이지 이동이 이루어지며, 해당 페이지에서 hwp 파일을 다운로드 및 확인이 가능 합니다.
html arrows는 HTML 심볼 코드와 ASCII 문자 및 유니 코드 16 진수 값을 웹디자인에 사용할 수 있도록 html 코드를 알려주는 포괄적인 참조 웹사이트입니다. 사이트 디자인을 단순화 하는데 필요한 모든 html 기호코드를 제공하여 코딩작업에 상당히 유용합니다. 찾고자 하는 단어를 검색하면 해당 검색어와 관련된 여러 기호들과 기호에 관련된 내용들이 출력됩니다. 원하는 기호를 클릭하면 html과 css에서 소스를 어떻게 사용해야 하는지 예시까지 보여주어서 유용하게 사용할 수 있을 듯 합니다.
css 와 js 로 파일업로드 인풋박스 디자인을 변경하는 소스입니다. 기존의 인풋박스를 투명하게 처리하고 해당 부분에 버튼을 올려 디자인합니다. 스크립트를 이용하여 파일주소를 출력합니다. css @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'); body{ background:#f1f1f1; } .container{ width:400px; padding:50px 20px; background:#fff; } h1{ margin-bottom: 40px;; } .file-upload { position: relative; overflow: hidden; border-radius: 3px !important; ..
첨부파일을 다운로드 받아서 압축을 해제한 후 index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 모달창이 화면에 보여지면서, 기본형(별다른 효과가 없는), 페이드(fade) 효과를 주면서 뜨도록 하는 타입이 있고, 배경이미지를 보여주고 모달화면이 생기는 효과가 있습니다. 기본형 또는 페이드 효과를 줬을때 화면에 모달이 표시되는 샘플 HTML태그에서 아래와 같은 소스코드로 기본형 또는 애니메이션 효과를 줄수 있네요. Default Modal Fade Animation 배경에 이미지가 포함된 예제도 있는데, Image" target=_blank>https://source.unsplash.com/1600x900/?fitness)"}}'>Image Background 위 처럼 data-nkd..
[F12]를 누르면 나오면 개발자도구는 무척 유용합니다. 개발자도구는 웹페이지의 구성요소를 확인할 수 있고 바로 코드를 삽입하거나 수정해서 변화된 페이지를 바로 볼 수 있습니다. 그러나 개발자도구는 css의 컬러값이 몇개가 사용되고 몇개의 이미지가 사용되는지 바로 확인할 수가 없습니다. 이러한 문제를 해결해줄수 있는 프로그램이 크롬의 확장 프로그램인 비주얼 인스펙터입니다. 팝업에서 구성요소 중 하나를 클릭하면 어떤 요소인지 알려주며 직접 수정도 할 수 있습니다. 색상은 물론 위치와 사이즈도 변경할 수 있습니다. 또한 이렇게 고쳐본 결과물을 이미지 파일로 받을 수도 있습니다.
* Tilted Content Slideshow 이미지를 기울어진 형태로 보여줄 수 있는 3D 입체 슬라이드쇼 입니다 * 설치방법 첨부된 압축파일을 해제하여 원하는 폴더에 업로드 합니다 적용될 페이지에 제공되는 css 및 js 를 선언합니다 애니메이션 효과가 적용될 사진과 텍스트를 아래와 같이 배치하도록 합니다 문서 하단에 제공되는 js 파일 및 스크립트를 선언합니다 위와 같은 관련 코드가 실행되었을때 화면은 아래와 같습니다 샘플소스 코드는 첨부된 파일중 index.html 파일을 참조하시면 도움이 되실겁니다