컴퓨터_computer(43)
-
xe에서 이미지 리사이징을 사용하고 이미지 클릭때 원본 안나타나게 하려면
이미지 리사이징을 사용하고 이미지 클릭때 원본 안나타나게 하려면 xe - addons - resize_image - js - resize_image.min.js 열고 line 9 쯤에 제일 끝에 jquery가 끝나기 전에 .click(slideshow) 이걸 삭제 .
2011.08.09 -
CSS padding 과 margin 속성
The padding property can have from one to four values. padding:25px 50px 75px 100px; top padding is 25px right padding is 50px bottom padding is 75px left padding is 100px padding:25px 50px 75px; top padding is 25px right and left paddings are 50px bottom padding is 75px padding:25px 50px; top and bottom paddings are 25px right and left paddings are 50px padding:25px; all four paddings are 25px ..
2011.08.08 -
HTML input 태그
: 평범하게 글자나 텍스트칸을 넣을 수있는 공간 1. : input에 type을 지정하여 옵션을 넣으면, 다양한 기능(모양?)을 설정할 수 있습니다. 2. : type에 text를 주어 문자 및 숫자를 입력할 수 있습니다. 2-1. : 입력창에 value값인 "유니윌"이 나옵니다. 2-2. : 입력창 사이즈를 20만큼 지정 2-3. : php나, 자바스크립트를 사용할 때 변수를 넘거나 받을때 name명을 설정하여 php나, 자바스크립트에서 이 값을 name로 찾습니다. 3. : type에 password를 주어 문자 및 숫자가 비밀번호 입력창으로 바뀝니다. 4. : 체크박스로 나타납니다. 4-1. : 처음부터 체크가 선택 되어집니다. 4-2. : 체크된 상태로 변경이 안됩니다. 4-3. : 체크 선택을 ..
2011.08.06 -
스크롤 따라 움직이는 메뉴
활용예는 여느 사이트에서 많이 보셨겠지만 스크롤에 따라 같이 움직이는 겁니다. 스크롤압박을 도와주기 위해 맨 윗부분으로 가는 링크를 사용하였는데 이것 뿐만 아니라 다른 메뉴(링크)도 추가하실 수 있습니다. 적용방법은 간단히, 상단에 해당 스크립트를 넣어준 다음, 실제 움직이는 메뉴(position:absolute;)를 만들어주시면 되는 겁니다. 1. 상단(head)에 들어갈 스크립트 위 스크립트를 사이에 넣어줍니다. 위에서 주석처러 된부분은 실제 메뉴부분이 들어갈 위치와 스크롤스피드이니 그에 맞게 각자 수정하셔야 됩니다. 2. 에도 아래와 같이 추가합니다. 3. 실제 보이는 메뉴부분 만들기 각자 만들고 싶은 메뉴를 만드시면 됩니다. 단, 그부분 id 를 "STATICMENU"로 지정하시고, style을 ..
2011.07.25 -
블로그로 트위터에 글적기할때..
주소줄이기서비스 (bit.ly,goo.gl 등..)보다 주소가 적으면 적용이 안되는가 보다 ㅡ,.ㅡ 예를 들어 http://3x3.kr/195 (싸그리 17자) 를 bit.ly 서비스를 이용하면 http://bit.ly/mWHL0X (싸그리 20자) 가 되는데 주소축약을 강제로 하면 가능하지만, twitterfeed.com 에 연동해서 bit.ly 서비스를 이용하면 트위터피드 끝에 블로그링크가 자동으로 붙는부분에서 bit.ly서비스를 적용받지 못하는듯 하다. 이글 또한 테스트용으로 발행!! 30분후에 트윗에 뜨는지 확인해봐야것다.
2011.07.17 -
크로스 브라우저 한글 웹폰트 서비스
모빌리스에서 서비스하고 있는 한글 웹폰트 서비스입니다. IE, 파폭, 크롬, 오페라 등등 브라우저에 관계없이 동일한 폰트를 보여줄 수 있도록 하는 서비스입니다. 이 블로그도 여기 서비스 이용하고 있습니다. 완전 공짜에 지속성만 있으면 최고입니다. ^^ http://www.mobilis.co.kr/webfonts/ 그림이 아닌 진짜 폰트를 사용해 보세요!!! 웹페이지 디자인에서 타이포그라피가 중요해 지면서, 다양한 폰트를 이용하고자 하는 요구도 커가고 있습니다. 그러나 웹브라우저마다 다른 폰트 방식과 한글폰트 파일의 크기로 인해 웹페이지에서 원활한 한글폰트 이용이 어려웠습니다. 이로 인해 웹페이지 디자이너가 한글폰트가 아닌 그림을 이용해 웹페이지에서 타이포그라피를 구현하는 것이 일반적인 현상이 되었습니다...
2011.07.17 -
[함수] 섬네일 클래스
가급적 PHP 5.3 이상 버전에서 가능할걸로 예상하고, 이하 버전에서는 테스트는 못해봤습니다. 주요기능 - 섬네일 width, height 지정 가능 (둘 중 하나만 지정할 경우 해당 이미지 비율에 맞춰 섬네일 크기 설정) - 축소 방법 설정 (섬네일 안에 이미지 모두 보이게, 섬네일 크기에 꽉차게 설정 가능) - 출력 섬네일 파일형식 설정 가능 (GIF, JPG, PNG) - 섬네일 처리 전/후 콜백 함수 등록 가능 (콜백함수로 테두리 및 워터마크 등 사용자가 쉽게 추가 가능) - 섬네일 저장 경로를 쉽게 설정 가능 (키워드 사용으로 섬네일 경로에 이미지 크기나 경로를 쉽게 사용) 사용예 sample.php
2011.07.17 -
[함수] 한글자르기 (출력길이기준)
자른 문자열 뒤에 추가된 문자열(...과 같은 말줄임표)로 인해 원하는 길이보다 길어지는 경우를 방지한 한글자르기 함수입니다. 표에 쓰이면 적당합니다. // Mari's PHP function substrhan(string $string , int $length [, string $footer]) // $string : 입력문자열 // $length : 출력문자열길이 // $footer : 말줄임표문자열 function substrhan($str, $len, $footer='') { if(strlen($str) $len) $i-=2; $str=substr($str,0,$i); return $str.$footer; } } // Examples $text1 = '안녕하세요'; $text2 = '날씨가 너무 ..
2011.07.17 -
웹디자인 10계명
보호되어 있는 글입니다.
2011.07.17 -
[웹디자인][해골][브러쉬][포토샵] 해골 이미지 브러쉬
해골이미지를 그릴수 있는 브러쉬입니다. 색깔변경하고 찍으면 섬뜻합니다 ^^ 이미지가 군용 같습니다.
2011.07.12 -
[웹디자인][화살표][브러쉬][포토샵] 손그림 화살표 브러쉬
타블렛이 있으신 분이라면 뭐...이정도야 쉽게 하시겠지만, 일반 마우스로 작업하시는 분에게는 유용한 자연스러운 브러쉬 일것 같습니다. 마우스로 아무리 정교하게 움직여도 저 그림이 안나오더라구요.
2011.07.12 -
악의적인 트래픽공격 및 스팸 대표적인 ip주소 정리 - 서버설정 setting
php_value memory_limit 128M SetEnvIfNoCase remote_addr 66.249.67.250 go_out SetEnvIfNoCase remote_addr 168.188.46.122 go_out SetEnvIfNoCase remote_addr 218.145.164.2 go_out SetEnvIfNoCase remote_addr 119.202.84.154 go_out SetEnvIfNoCase remote_addr 58.232.194.125 go_out SetEnvIfNoCase remote_addr 210.124.73.63 go_out SetEnvIfNoCase remote_addr 122.37.42.144 go_out SetEnvIfNoCase remote_addr 122...
2011.07.09