일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- #뉴스
- 해피CGI
- #이미지
- 홈페이지
- jquery
- #jQuery
- CGIMALL
- 사이트제작
- #홈페이지
- #웹솔루션
- CSS
- #업종별
- #해피CGI
- #솔루션
- 쇼핑몰
- #happycgi
- #동영상
- 게시판
- #image
- #CSS
- php
- #홈페이지제작
- #cgimall
- 솔루션
- 홈페이지제작
- 해피씨지아이
- #쇼핑몰
- javascript
- happycgi
- 웹솔루션
- Today
- Total
목록#happycgi (1324)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
간단하게 사용이 가능한 제이쿼리를 이용한 전체화면 편집기입니다. 해당 페이지에서 다운로드한 css 파일과 스크립트 파일 링크를 하고 아래 소스를 사용하고자 하는 페이지에 추가하시면 됩니다. 작은창에서도 입력이 가능하고 전체화면 아이콘을 클릭하면 전체화면으로 입력창이 출력됩니다. 입력된 정보는 유지가 됩니다.
기본적으로 알아두면 좋은 html 소스와 설명 부터 CSS 와 자바스크립트까지!! 쉽게 생각하실수 있겠지만 꼭 필요한 부분을 잘 정리해둔 사이트입니다. 들어가셔서 유용한 정보 많이 습득하시길 바랍니다^^
html 코드를 작성하다 보면 한번씩 부호들이 코드로 변환되어 있는것을 확인 해보셧을꺼예요 ㅎㅎ 이런 부호들도 모두 코드가 있다고 생각하면 다른 부호들은 코드로는 어떻게 표현될까 궁금하셧던적이 있으리라 생각합니다. http://htmlarrows.com/ 사이트로 가보시면 각 부호/기호 등 모두가 unicode, hexcode 등 코드로 표현되어 있으니. 찾고 계신분들도 있으리라 생각되어 글을 올리네요 ^^ 도움되시길 바랍니다~
카테고리별로 분류되어 있어 쉽게 정보 검색이 가능합니다. 웹뿐만 아니라 다양한 분야의 디자이너들의 작품을 볼수 있습니다.
* ckeditor - Bootstrap Glyphicon - 이 플러그인을 이용하여 에디터 작성시 아이콘을 사용할 수 있습니다. * 라이센스(무료) - GPLV3, LGPL3, MPL, MIT * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/glyphicons - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'glyphicons'; config.contentsCss = '부트스트랩CSS경로'; config.allowedContent = true; - ckeditor 툴바셋에 Glyph..
* ckeditor - CKEditor Easy Keymap - 이 플러그인을 통해 에디터 사용시 단축키 설정을 손쉽게 할 수 있습니다. * 라이센스(무료) - GPLV3, LGPL3, MPL, MIT * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/easykeymap - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가하고, 주석에 달린 설명에 맞게 설정을 조절합니다. config.easykeymaps = { 키번호 : 실행할 소스 구문 }; - 예제로 아래와 같이 사용할 수 있습니다. config.easykeymaps = { 4456..
Jquery 를 이용해서 구현된 달력스크립트 입니다. 다운로드 받은 파일의 압축을 해제해서 index.html 을 웹브라우져로 열어보면 됩니다. 꽤 다양한 방식으로 날짜를 입력받을수 있는 예제가 있네요. 한글도 지원은 하지만, 데모에서는 지원을 하지 않도록 해뒀네요. jquery.datetimepicker.js 의 소스코드를 열어보니 다양한 국가의 언어를 지원해주며 한국 같은 경우 kr 이란 언어셋으로 변경하면 되네요. $.datetimepicker.setLocale('kr'); 달력의 언어 변경 외에도 달력을 이용해서 입력받는 날짜의 포맷팅도 조절이 가능합니다. 사용하는 방법을 정리해둔 사이트도 있는데, http://xdsoft.net/jqplugins/datetimepicker/ 네요 출처는 http..
디자인이 쉽지않았던 셀렉트박스에 wSelect jQuery Plugin을 이용해 아이콘을 추가할 수 있습니다, 데모화면 사이트에 접속하여 상단에 보여지는 Download 링크를 클릭합니다. 링크 클릭시 페이지가 이동되게 되며, 리스트들 중 가장 상위에 있는 파일을 다운받으시면 됩니다. 다운한 zip파일의 압축을 풀면 구현에 필요한 css파일, js파일, 그리고 아이콘이미지등을 확인하실 수 있습니다.
css3의 트랜스폼을 이용한 parallax 스크롤 형태의 원페이지 디자인페이지 입니다. 간단한 원페이지 형태의 회사소개 페이지나. 포트폴리오 용, 또는 이벤트형으로 사용하시면 좋은소스입니다. 라이센스는 mit라이센스이며 파일안에서도 확인하실 수 있습니다. 마크업 및 사용방법은 위 데모사이트주소로 들어가시면 확인하실수 있으며 다운도 받으실 수 있습니다.
원 형태의 네이게이션으로 독특한 구조의 네이게이션입니다. CSS Transforms 을 사용하므로 익스10이상 크롬에서 구현됩니다. 사이트 하단에 위치한 것과 사이트 중앙에 위치한것 두가지 타입이 있습니다. 해당 사이트에서 소스다운로드와 데모체험이 가능하고 그림으로 구현되는 원리가 잘 설명되어 있습니다. 익스10버전, 크롬에서는 정상작동하고 사파리에서는 구현은 되나 네비게이션 메뉴 크기가 제대로 구현되지 않습니다.