일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- php
- 웹솔루션
- happycgi
- #업종별
- #동영상
- #솔루션
- #홈페이지
- #happycgi
- #쇼핑몰
- 해피씨지아이
- #cgimall
- 홈페이지제작
- #jQuery
- #image
- 쇼핑몰
- 솔루션
- #웹솔루션
- CSS
- #뉴스
- javascript
- #CSS
- 해피CGI
- jquery
- 게시판
- CGIMALL
- 사이트제작
- #해피CGI
- 홈페이지
- #이미지
- #홈페이지제작
- Today
- Total
목록# (4)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
index.html 파일을 웹브라우저로 열어보면 아래와 같은 데모를 확인을 해볼수 있습니다. 흑백사진으로 사람이 표시가 되고 사진을 클릭을 해보면 사진이 컬러로 변경이 됩니다. 사진 아래의 설명문구가 해당 사진에 맞는 내용으로 조절이 됩니다. 다른 사진을 선택해보면 아래의 그림 처럼 선택한 사진과, 해당 사진에 대한 설명문구로 변경이 됩니다. 사용하는 방법은 아래와 같습니다. 탭메뉴를 이용해서, 각 탭에 해당하는 컨텐츠를 표시하는 기능의 유형입니다. 회원관리, 신청자관리, 접수자관리 등등 각각의 평가를 하거나, 각각의 평가점수를 보기 위한 화면을 구성할 때에 활용을 해볼만 한 UI인 듯 하네요. 꼭 사람이 아니더라도, 사과, 바나나, 수박 등의 과일 사진이나, 강아지, 고양이, 거북이 등의 동물 등등의 ..
다운로드 받은 파일의 압축을 풀고 index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 좌측에 나열된 항목들을 체크박스로 선택해서 우측으로 이동시켜서 어떤 항목을 선택할지를 입력받는 입력폼으로 사용이 가능합니다. 위 그림 처럼 그룹화시켜서 한번 체크하면 해당 그룹에 속한 전체를 선택하는 것도 가능하네요. 그룹화 시키지 않고 하나하나 개별옵션을 선택하도록 한 예제입니다. 선택할 옵션들을 단어로 검색하는 예제입니다. 샘플로 제공해준 소스코드를 보면선택에 필요한 항목들을 조절하는 것은 그리 어려워 보이진 않네요. 출처는 https://www.jqueryscript.net/form/Groupable-Searchable-Dual-Listbox-Transfer.html 입니다.
트랜디한 소셜 스토어형 디자인 여행/숙박 상품에 유용한 달력형 상품선택 유투브를 활용한 동영상 광고기능 주소정보 하나로 이용하는 다양한 지도기능 한눈에 쏙쏙! 지도위에 상품 와이드맵 기능 이외에도 다양하니 기능이 포함되어 있으며 보다 많은 정보는 내용은 아래 페이지에서 확인 해보시기 바랍니다.
반응형 디자인에 관한 패턴과 자료를 모아둔 사이트입니다. 메인페이지 접속을 해 Patterns이나 resources를 클릭하여 원하는 페이지로 이동할수 있습니다. *Patterns 메인페이지 LAYOUT, NAVIGATION, IMAGES, MEDIA/DATA,FORMS, TEXT, MODULES 등 다양한 자료를 확인하실 수 있으며 원하는 항목을 클릭하면 적용방법 또는 코드와함께 자세한 설명을 호 Grid block with section titles를 클릭한 화면이며 위 Change View를 클릭하여 다양한 형태로 데모를 확인하실 수 있습니다. *Resources 메인페이지 각각의 카테고리에 있는 타이틀을 클릭하여 포럼에 등록되어 있는 글들을 확인하실 수 있습니다.