일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #웹솔루션
- CGIMALL
- #동영상
- #업종별
- php
- #솔루션
- #happycgi
- #cgimall
- 쇼핑몰
- 홈페이지
- #jQuery
- #image
- 사이트제작
- jquery
- 웹솔루션
- #홈페이지제작
- #뉴스
- #해피CGI
- 홈페이지제작
- CSS
- 솔루션
- #이미지
- happycgi
- 해피씨지아이
- 게시판
- javascript
- #쇼핑몰
- #CSS
- #홈페이지
- 해피CGI
- Today
- Total
목록#cgimall (1322)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
* Menu Hover Image Animation 이미지 호버 효과 (Image Reveal Hover Effects)를 제공하며 메뉴 항목을 가리킬 때 멋진 애니메이션으로 이미지를 보여줍니다. * License MIT License * 적용방법 첨부된 압축파일을 다운로드하여 적용할 웹루트 디렉터리에 압축을 해제하여 위치합니다 html 문서상에 상단에css 및 script 를 선언합니다 각 메뉴 및 이미지를 아래와 같이 선언합니다 (관련 class 참고 및 확인은 base.98fd6c19.css 에서 확인이 가능합니다) body 끝나는 지점 윗부분에 js 파일을 불러오도록 선언해줍니다 페이지 호출시 아래와 같은 메뉴효과를 확인할 수 있습니다 첨부된 압축파일을 해제하여 index.html 파일의 예제를..
Css로만 이루어진 모달 팝업창입니다 크롬 및 최신버전의 ie버전에서는 정상작동을 하지만 하위버전의 ie브라우저라면 정상작동을 하지 않을 수 있습니다. 압축파일내에 index.html 파일과 style.css 파일이 있으며 호출하여 바로 확인하실 수 있습니다.
햄버거메뉴 아이콘을 클릭했을때 다양한 애니메이션 효과가 넣을수 있습니다. 해당 사이트나 첨부파일을 다운로드 받아 소스를 확인 할 수 있습니다.
안녕하세요 해피CGI 입니다. 해피 체험단모집 솔루션 타입B 모바일 Ver2.0 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI입니다. 전문 블로거와 블로그광고를 원하는 광고주를 중개해주는 블로그 마케팅 중개전문 웹솔루션 해피 체험단모집 솔루션 타입B Ver3.0 이 새롭게 출시되었습니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
클릭하면 에니메이션 효과와 함께 검색폼이 출력됩니다. 해당 사이트나 첨부파일을 다운로드 받아 소스를 확인할 수 있습니다.
텍스트 그림자에 대해서 간단한 설정으로 각도, 거리, 흐릿함, 색상, 투명도를 조절하여 css를 생성해주는 사이트입니다. 마우스조작만으로 원하는 그림자를 설정할 수 있고 간단하게 소스를 복사할 수 있어서 매우 편리하네요. ^^
포스터, youtube썸네일, 프리젠테이션 등 여러 카테고리의 무료 디자인 템플릿을 편집하여 사용할 수 있는 사이트 canva 입니다. 간단한 회원가입 후에 사용할 수 있는 무료 디자인 템플릿사이트 canva입니다. 유료로 전환시에는 더 다양한 디자인 템플릿과, 폰트 등을 사용할 수 있지만 무료로도 충분히 완성도 높은 디자인을 만들 수 있습니다. 포스터, 프레젠테이션, 유튜브 썸네일, 인스타그램 게시물 등 다양한 디자인을 쉽게 만들 수 있습니다. 원하는 디자인을 선택하면 위 이미지처럼 글꼴 내용, 스타일, 색상은 물론 이미지의 색상도 변경할 수 있습니다. 간단한 조작으로 쉽게 원하는 느낌의 디자인을 할 수 있는 사이트여서 더 좋은듯 합니다
달력에 날짜별로 이벤트를 표시하는 달력 플러그인입니다. 다운로드 받은 파일의 압축을 해제하고, index.html 파일을 웹브라우저로 열어서 보면 데모를 확인하는게 가능합니다. 위 와 같이 기본 4가지 정도의 테마가 있네요. 좌측과 우측의 메뉴와 화살표를 이용해서 월을 표시하는 부분과, 그날의 이벤트를 표시하는 부분을 접을수 있습니다. 하나의 달력으로 위와 같은 조합의 화면을 구성할수 있습니다. 매뉴얼도 상당히 신경써서 제작을 해뒀네요 달력을 이용할수 있는 여러 설정값들을 위와 같이 설명을 해주고, 각 설정을 클릭을 해보면, 실제 코드로는 어떻게 사용을 해야 하는지를 예시로 화면에 표시를 해줍니다. 특정날짜에 이벤트를 추가/삭제를 하는게 가능합니다.
사이트내 튜토리얼 방식의 영상을 보고 기본 사용법에서 고급자 기술까지 배울 수 있는 photoshop training channel 사이트 입니다. 포토샵으로 머리색깔 바꾸기, 사진 합성하기, 카드 만들기 등 다양한 포토샵 사용팁을 영상으로 알려주고, 배울 수 있습니다. 기본적인 사용법에서 영화 포스터 제작까지 고급 기술도 배울 수 있어서 좋네요. 영상은 유투브로 플레이되어서 영상 보기도 좋습니다.