웹솔루션개발 25년 노하우! 해피CGI의 모든것

웹페이지 제작시 모든 페이지의 첫번째 스타일시트는 초기화 코드로 시작됩니다. 초기화 코드는 모든 웹브라우저에서 같은 결과물을 출력하기위해 사용합니다. 초기화 코드를 제공해주는 대표적인 웹사이트를 정리해봅니다. 1) html5 doctor css reset http://html5doctor.com/html-5-reset-stylesheet/ 2) Eric Meyer's reset css http://meyerweb.com/eric/tools/css/reset/index.html 3) YUI 3 reset css http://yuilibrary.com/yui/docs/cssreset/

icon, button 의 이미지와 web, webpage 의 PSD 자료가 많아 유용하게 사용하실 수 있습니다. WEB 자료 WEB PAGE 자료

이미지에서 즉시 컬러를 추출해 팔레트를 생성해주는 사이트입니다. 원하는 이미지의 URL주소를 입력하고 버튼을 눌러줍니다. 버튼을 누르면 원본 사진과 사진을 바탕으로 가장 유사한 10가지 색이 색상코드와 함께 출력되어 디자인 작업시 색상조합에 큰 도움을 줄 수 있을 거 같습니다. 위 기능을 활용하면 무엇보다 분위기에 맞는 컬러배색을 사용할 수 있겠죠?

다양한 형태의 좌우, 상하 커스컴 스크롤입니다. 제이쿼리를 이용한 소스이며 익스10 이상, 크롬 브라우저에서 작동합니다. 사이트에서 데모확인과 관련 소스를 다운로드 받으실수 있습니다. html 파일에서 css js 파일을 링크하고 스크립트 함수호출과 레이아웃에 클래스명을 줘서 사용합니다. 사이트에 기본설정법과 소스에대한 설명이 자세하게 나와있습니다.

* ckeditor - Quicktable - 이 플러그인은 문서 작성시 손쉽게 테이블 태그 작성을 도와주는 플러그인 입니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/quicktable - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'quicktable'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 아이콘을 눌러 테이블 가로, 세로 개수를 설정 하면 완료.

게시판 생성 수정시 주의하셔야 하는 부분입니다. 게시판을 수정하시다보면 아래와 같은 메세지가 출력되는 경우를 보실수 있습니다. "게시판리스팅 권한이 없습니다" 위의 메세지 솔루션 오류가 아니고 솔루션의 기능입니다. 저희 솔루션의 경우 각각의 게시판에 여러가지 권한설정을 하실수 있습니다. 리스팅 권한이란 게시판 리스트를 볼수 있는 권한입니다. 일반적으로 리스팅 권한은 사이트에 접속하는 모든회원이 볼수 있게 하는것이 일반적입니다. 관리자모드 > 게시판관리 > 전체게시판관리에서 해당게시판의 수정버튼을 클릭하시면 권한 설정을 하실수 있습니다.

웹페이지에서 원하는 버튼모양을 선택하여, CSS를 바로바로 만들 수 있는 홈페이지입니다. 또한 한글로 되어 있어.. 더욱 편리합니다. - 원하는 버튼의 모양을 클릭하고 색상, 글자체, 굵기, 그림자 등등을 간편하게 클릭으로 선택할 수 있습니다. - 글자가로 위치, 세로위치, 그림자 퍼짐정도, 테두리 등을 선택할 수 있습니다. - 원하는 버튼 선택이 끝나면. CSS 소스를 복사할 수 있습니다. - 맨하단에는 기본 버튼 디자인외 다양한 디자인의 버튼을 선택하고 이용할 수 있습니다. 참고로 해당 홈페이지는 크롬에서 정상작동을 하니.. 크롬으로 확인해보세요... 이미지제작없이 CSS로 다양한 버튼을 만들수 있어.. 아주 효율적이네요.. 이용해보세요.

위와 같이 이미지를 끌어 던지면 이미지 편집창이 뜨는 플러그인 입니다. 위와 같이 편집창이 뜨고 편집 후 에디터 안으로 들어가게 됩니다. 이미지 편집이 잦으신 분께 참 좋은 플러그인 같습니다. 좋은 만큼 유료 플러그인이며 http://www.uritec.es/portal/seccion.aspx?N=58 비용은 위에 안내가 되어있습니다.

클릭하면 해당 메뉴의 레이어가 열리고 열려있던 레이어는 닫히는 아코디언 메뉴입니다. 레이어가 레디자인 컨텐츠를 포함이 가능합니다. 사이트에서 로그인하시면 해당 메뉴 소스를 다운로드 받으실수 있습니다. 열려있던 메뉴를 한번더 클릭하면 완전히 닫혀있는 메뉴가 됩니다. 간단한 소스로 부드럽게 작동하는 아코디언 메뉴를 만들고 응용하기 쉽습니다. 익스플로어 10버전 이상 브라우저, 크롬 브라우저에서 작동합니다.

오픈마켓으로 상품 일찰 & 낙찰 경매기능 더욱 강력하고 새로워진 미니샵 기능 회원그룹별, 구매개수별 도매가격 설정기능 빠른 고객응대를 위한 판매자 알림기능 이외에도 다양한 기능이 있습니다. 자세한 내용은 홈페이지 및 데모체험을 통해 확인해보실 수 있습니다.