•  
  •  
  •  
  •  
 
2018 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
KT Season Update
KGC Sports site renewal
Impress Media FB App
Gillette Pop-up Store
KOURSS.org
MOBIS Carfe E-Catalog
Seoul Cinema mobile web open
esoom agency
w3c korea
행운아 안약 넣자~
난 졸망이라고 함!
이불 덮고있는 졸망이
아빠 이렇게 내려가면 되는건가요?
바구니 안에 들어가있는 졸망이
꼬리들고 자는 졸망이
내려오려고 하는 올망이
행운이 뿌잉뿌잉 발사!!
먹이로 유인하다
 

Html, CSS

Html, Style Sheet

영문 텍스트의 경우 css로 대문자 혹은 소문자로 변환시켜 노출시키기

웹사이트를 만들다보면 특정 텍스트를 대문자로 노출시켜야할 때가 있거나 일괄 소문자로 표현해야할 때가 있다. 예를 들어 This is my portfolio site. 라는 글로 아래의 변환방법을 쓰면 1. 대문자로 바꾸는 방법 결과는 THIS IS MY PORTFOLIO SITE.   2. 소문자로 바꾸는 방법  결과는 this is my portfolio site.   3. ...

... 2012/10/20

ul과 ol에 있는 li태그에서 들여쓰기 및 앞표시 없애기

보통 <li>는 들여쓰기가 되어 공백이 생기고, 앞에 숫자 혹은 ·(점)표시가 나는데 이것을 삭제하고 들여쓰기도 안하는 스타일 시트  

... 2012/09/27

접속 동시 페이지 이동 태그

1. 메타태그 <head>와 </head> 사이에 넣는다. content 에 설정된 숫자는 이동되려는 숫자이므로 0초후면 페이지가 보이자마자 0초후에 이동한다는 뜻으로 설정된 값이다.  2. 자바스크립트의 replace를 이용해서 이동이 가능하다.  3. 자바스크립트의 href를 이용해서 이동이 가능하다.  4. php를 사용하는 페이지라면 php를 이용하여 이동이 가능하다.

... 2012/08/19

텍스트 정렬 및 스타일 정리

css에서 글자를 중앙 혹은 좌우 정렬하기 위한 코드이다.    링크가 걸린 글자에 마우스를 올렸을 때 밑줄(underline)도 나오고 색깔(#FF00F6)도 변하게 해주는 css  a:link 링크걸린 것 a:visited 링크 방문한 것 a:hover 링크가 있는 것 a:active 링크가 활성화 된 것

... 2012/07/04

구글 웹폰트 사용하기

http://www.google.com/webfonts구글 웹폰트... 몇개 없을 줄 알았는데...500개가 넘는 폰트들을 웹 api를 통해 제공한다. 사용법은 클릭 한번으로 끝난다.   마음에 드는 폰트의 오른쪽을 보면 Quick-use 버튼이 있다.  클릭하면 다음 페이지로 넘어가서 아래와 같이 한줄을 부여해주고 이걸 헤더에 넣어주면 끝난다.  그런후 사용하고 싶은 폰트 클래스에  이렇게 넣어주면 된다. 이 모든 ...

... 2012/07/04

이미지와 텍스트 정렬 (앞 이미지, 뒤 텍스트)

이미지와 글자를 한 줄에 넣고 높이 정렬을 맞추고 싶을 때가 있다.  위와 같은 방법이 있기도 하고, 아래 방법을 써보기도 한다.

... 2012/04/01

배경색 혹은 div나 td에 투명도 주기

... 2012/04/01

이미지와 텍스트 정렬 (위 이미지, 아래 텍스트)

간혹 이미지와 텍스트를 정렬하고 싶은데, 위에는 이미지 아이콘 아래는 설명 글자로 넣고 싶을때 글자가 아래로 내려가게 하는 코드 <img src = "이미지 경로"  style=" display:block;"> 글자

... 2012/03/31

입력칸 스타일과 자바스크립트 샘플

입력칸 배경에 이미지를 넣어서 포커스가 되면 이미지가 사라지고 다시 포커스가 아웃되면 나타나는 스크립트 확인 버튼도 이미지로 출력하는 내용

... 2012/03/19

레이어 숨기기, 레이어 보이기

레이어가 보이게 하기, 숨길 때는 visible 대신 hidden을 넣는다.

... 2011/11/25

플래시로 만들어진 페이지를 코딩할 때 캐시에서 불러오지 않게 하기

해더에 넣으면 됨

... 2011/10/31
.