-
Html, CSS 2012‧07‧04
텍스트 정렬 및 스타일 정리
css에서 글자를 중앙 혹은 좌우 정렬하기 위한 코드이다. style="text-align:center;" 링크가 걸린 글자에 마우스를 올렸을 때 밑줄(underline)도 나오고 색깔(#FF00F6)도 변하게 해주는 css a:hover {text-decoration:underline; color:#FF00F6; } a:link 링크걸린 것 a:visited 링크 방문한 것 a:hover 링크가 있는 것 a:active 링크가 활성화 된 것
-
Html, CSS 2012‧07‧04
구글 웹폰트 사용하기
http://www.google.com/webfonts 구글 웹폰트... 몇개 없을 줄 알았는데...500개가 넘는 폰트들을 웹 api를 통해 제공한다. 사용법은 클릭 한번으로 끝난다. 마음에 드는 폰트의 오른쪽을 보면 Quick-use 버튼이 있다. 클릭하면 다음 페이지로 넘어가서 아래와 같이 한줄을 부여해주고 이걸 헤더에 넣어주면 끝난다. <link href='http://fonts.googleapis.com/css?family=Gentium+Basic' rel='stylesheet' type='text/css'> 그런후 사용하고 싶은 폰트 클래스에 font-family: 'Gentium Basic', serif; 이렇게 넣어주면 된다. 이 모든 […]
-
Html, CSS 2012‧04‧01
이미지와 텍스트 정렬 (앞 이미지, 뒤 텍스트)
이미지와 글자를 한 줄에 넣고 높이 정렬을 맞추고 싶을 때가 있다. <img src="이미지경로" border="0" align="absmiddle"> 위와 같은 방법이 있기도 하고, 아래 방법을 써보기도 한다. <img src="이미지경로" border="0" style="vertical-align:top;">
-
Html, CSS 2012‧04‧01
배경색 혹은 div나 td에 투명도 주기
background: #000;filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1; 배경을 #000 색으로 주고 투명도를 10%로 주었다. opacity:0.1; -moz-opacity:0.1; 이 내용은 ie 외의 브라우져에서도 적용되도록 하기 위한 추가 코드이다.
-
Html, CSS 2012‧03‧31
이미지와 텍스트 정렬 (위 이미지, 아래 텍스트)
간혹 이미지와 텍스트를 정렬하고 싶은데, 위에는 이미지 아이콘 아래는 설명 글자로 넣고 싶을때 글자가 아래로 내려가게 하는 코드 <img src = "이미지 경로" style=" display:block;"> 글자
-
Html, CSS, Javascript, jQuery 2012‧03‧19
입력칸 스타일과 자바스크립트 샘플
입력칸 배경에 이미지를 넣어서 포커스가 되면 이미지가 사라지고 다시 포커스가 아웃되면 나타나는 스크립트 확인 버튼도 이미지로 출력하는 내용
-
Html, CSS 2011‧11‧25
레이어 숨기기, 레이어 보이기
document.getElementById('레이어 아이디').style.visibility='visible'; 레이어가 보이게 하기, 숨길 때는 visible 대신 hidden을 넣는다.
-
Html, CSS 2011‧10‧31
플래시로 만들어진 페이지를 코딩할 때 캐시에서 불러오지 않게 하기
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> 해더에 넣으면 됨