본문 바로가기

웹노하우&다운로드

3D GALLERY WITH CSS3 & JQUERY http://tympanus.net/Development/3DGallery/index.html 더보기
jquery 메뉴 http://tympanus.net/Tutorials/CSSButtonsPseudoElements/index.html CSS buttonswith pseudo-elements 더보기
psd 아이콘 http://www.yajava.com/shop/kimsq/yajava/css_design.php?mid=369 더보기
이미지css 스타일 롤오버 a.rollover:hover {border:6px solid #000;} a.rollover:hover, x:-moz-any-link {display:block;} /* Firefox2 디버깅 값. 하지만 Firefox의 모든 버전에 대응한다. */ a.rollover:hover, x:-moz-any-link, x:default {display:inline-block;} /* Firefox3를 다시 희망하는 값으로 디버깅. 하지만 IE7이 이것에 대응한다. */ a.rollover:hover img {display:block; overflow:hidden; margin:-6px;} class="rollover">img src="fm1.jpg" width="240" height="170" .. 더보기
input 박스 활성화시 테두리 색 넣기 말그대로 input 박스(ex. 로그인) 부분에 활성화가 될때 테두리 색이나 이미지등을 넣는 방법입니다. 자세한건 웹미니 로그인을 참고하시면 됩니다. CSS code .idOff {border:1px solid #B8BCE2; background:#fff url(../images/default/login_id.gif) no-repeat 10px 3px;} .idOn {border:1px solid #4e64f8;} 설명을 드리자면, input 박스에 마우를 클릭하면(활성화) idOn 이라는 class 가 적용되고, 비활성화 될때 idOff 가 적용되는 구조입니다. default 는 idOff 가 되는 것입니다. 더보기
요일별로 그래프 플래시로 표시하기 swf 파일와 사용법입니다. FlashVars 를 value 로 주면됩니다. 더보기
너무나도 유명한 포토샵으로 3d 글씨만들기 더보기
플래시 바 플래시 바 bar_graph.swf?color=1&per=15.0 color = 값 숫자로 입력 per = 퍼센트 15.0 프로 로 입력한다. ---------------------------------------------------- 둥근 프로그래스용 플래시 cicle.swf?Dvalue=35 더보기
포토샵에서 icon 파일 만들기 프로그래몰더\adobe\Plug-Ins 폴더에 넣는 것으로 설치 끝~(당연히 껏다켜야죠. 포토샵 프로그램은) http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html The plugin gives Photoshop the ability to directly Open and Save Windows icon (.ICO) files. Version 1.8b4 and later can also open .CUR (cursor) files. Download the latest version here. 다운로드 lastest 버전 다운로드 클릭후 일반 윈도우 사용자같은경우(32bit) Windows (standard ICO/favicon) 를 클릭하세.. 더보기
플래시 Behaviors 를 이용한 드래그 on (press) { startDrag(this); mx.behaviors.DepthControl.bringToFront(this); } on (release) { stopDrag(); } 플래시 파일을 만들어서 이미지 import 한후 이미지의 액션을 위와같이 입력해주면, 더보기
드림위버 익스텐션의 종류는? 익스텐션에는 객체 익스텐션, 커맨드 익스텐션, 비헤이비어 세종류가 있습니다. 객체 익스텐션(Object Extension)은 드림위버 MX 2004의 [Insert] 패널에 삽입되는 익스텐션입니다. 커맨드 익스텐션은 드림위버 MX 2004의 [Command] 메뉴에 삽입되는 익스텐션입니다. 비헤이비어 익스텐션(Behavior Extension)은 드림위버 MX 2004의 [Design]-[Behaviors] 패널에 삽입되는 익스텐션입니다. http://www.adobe.com/cfusion/exchange/index.cfm?from=1&event=productHome&s=3&o=desc&exc=3 더보기
130여종 무료 폰트 http://offree.net/entry/Free-Hangul-Font-3 에서 받으세요. 링크를 합니다. 더보기
한글도메인 안될때, 대처 방법 우선 플러그인 설치 페이지에서 동의와 함께 설치하면 됩니다. http://idn.verisign-grs.com/plug-in/index.jsp 재부팅 없이 사용 가능합니다. Internet Explorer 7.0 알림 i-Nav and Components 제품군은 기본적으로 IDN을 지원하지 않는 다양한 Windows 애플리케이션에 IDN 지원 기능을 제공하는 여러 모듈을 포함합니다. 현재, i-Nav는 모든 버전의 Internet Explorer(최대 버전 6.0), Microsoft Outlook 2000, XP 및 2003, Outlook Express 6.0, Windows 98, 2000 및 XP용 Windows 주소록을 지원합니다. Internet Explorer 7.0으로 업데이트한 사용자 .. 더보기
포토샵 공부할 수 있는 곳입니다. 포토샵 CS2를 웹에서 도움말 방식으로 만들어진 사이트 - http://juryan.com/photoshop/ 또다른 CS2 버전 - http://endless.xtpn.com/ 다음은 7.0 버전 - http://www.designspoon.com/photoshop/ 괜찮은 강좌도 한곳 - http://www.designspoon.com/ds_board/bbs.php?table=tut_center 더보기
포토샵에서 메모리를 확보하는 방법 한가지..[클립보드] - only CS3 포토샵에서 메모리를 확보하는 방법은 여러가지 있습니다만, 그중 클립보드를 비우는 기능을 이용해 보겠습니다. 일단 메뉴 위치는 메뉴 [Edit]-[purge] 부분입니다. 입니다. 그럼 영어 Purge 의 뜻을 보면 [네이버 사전] - 깨끗이 하다 라고 합니다. 즉 항목을 비우는 의미겠죠, 그럼 다시 도움말을 찾아보겠습니다. 간단하게 검색을 통해서 검색을 했더니 위와 같이 총 4가지의 결과가 나오네요, 당연 첫번째입니다. [Free memory] 그리고 내용을 보자면~ 위와 같이 Purge 메뉴을 이용해서 Free Memory 화 시킬 수 있다, 라고 간략하게 확인할 수 있습니다. Free memory The Purge command lets you free memory used by the Undo co.. 더보기
웹 폰트가 싫으세요? 그럼 나는 안보이기를~ 하세요. 인터넷익스플로어 창에서 도구->인터넷옵션 -> 보안탭 -> 인터넷 -> 사용자지정수준 -> 글꼴다운로드 -> 사용안함 체크 요즘 인터넷 웹 폰트가 ,, 아주 잘나가고 있습니다만, 가독성이 떨어지는 경우도 많고, 또 일반 체를 좋아하는 사람들이 많습니다. 그런 분을 위해서 가독성에 많은 신경을 써야할 것 같습니다. 우리 아버지도, 눈이 안좋으셔서,,,쩝. 더보기
웹폰트 티스토리(tistory)에 적용하기, eot 적용 웹폰트 티스토리(tistory)에 적용하기 1. 무료웹폰트를 직접올리기를 해서 올립니다. 2. 스킨 편집에 들어가셔서 위쪽창(skin.htm)있는곳에서 사이에 다음의 문장을 넣어줍니다. 폰트이름은 원하시는 이름을 쓰시면 되겠고 폰트 사이즈는 선택한 웹폰트의 크기를 적어주시면 되겠습니다. 화이트데이체같은 경우에는 10pt이고 보통 9~12정도로 되어있습니다. 이부분 까지만 해도 적용되는 스킨도 있으니 이 부분만 하시고 제대로 나오면 아래는 안하셔도 됩니다. 3. skin.htm에서 ctrl+f키를 눌러서 검색창을 연후 article_rep_desc_##]이라고 검색한후 이 부분 앞에 보시면 이라고 되어있는 부분 뒤에 style="font:10pt/150% 폰트이름;"을 넣어줍니다. 넣어주고 나면 이런 식으.. 더보기
정식 폰트 다운 공식홈페이지 엔터 (풀잎, 갈잎, 솔잎) : http://typoenter.net -포티 (정갈, 캐모마일 외 다수) : http://poty.pe.kr -쿠키 (네모, 여진, 옹달샘 외 다수) : http://kCOOKIE7.ivyro.net -플란초 (플란초, 라일락, 핵영1, 만년필) : http://flancho.ce.ro/ -소야 (소야다듬, 소야곧은, 소야바른 외 다수) : http://soyafont.com -화이트데이10 : http://white-day.pe.kr/ -오늘과 내일 (티티체) : http://ttcgi.com/ -충여리9 : http://chungyeori9.wo.to/ -선문대 폰트포유 (참사랑가나다, 참사랑우유병, 참사랑러브레터) : http://font4u.com/ -폰트피아 (딩.. 더보기
5day(오데이) 인기 font(폰트) 정리 이미지 모음 5day(오데이) 인기 font(폰트) 정리 이미지 모음 더보기

티스토리툴바