2008년 9월 20일 토요일

[CSS]스크롤바 사용유무를 스타일로 정의하자

 

<style type="text/css">
body {overflow:hidden;} // 가로,세로 모두 안보이게 할 경우
body {overflow-X:hidden;} // 가로 스크롤만 안보이게 할 경우
body {overflow-Y:hidden;} // 세로 스크롤만 안보이게 할 경우
</style>

[CSS]전체 레이아웃 가운데 정렬

파폭에만 가운데 정렬할경우

margin:0 auto;

익스에서는 margin:0 auto; 가 먹지 않습니다. 일종의 IE 버그죠.

그래서 해결한게 text-align:center; 이렇게 해결하시면 되는데 문서 및 레이아웃까지 가운데 정렬이 되므로 그안에 들어가는 레이아웃에는 text-align:left; 를 따로 주셔야 합니다.

파폭과 익스 동시에 지원되는 방법은

body { text-align:center; }
#wrapper {
widht:500px;
maigin:0 auto;
text-align:left; /* 이부분은 텍스트를 왼쪽으로 정렬시키는 역할 */
}

다른방법은

#wrapper {
widht;500px;
position:relative;
left:50%;
margin-left:-250px;
/*가로사이즈의 절반수치 */
}

 

전체 세로정렬하는 방법 : http://blog.webmini.net/326

[포토샵]포토샵 단축키

▶ 선택영역에 관련된 단축키

선택범위 추가 [Shift] + 마우스로 영역 선택
선택범위 제외 [Alt] + 마우스로 영역 선택
공통된 선택범위 남기기 [Shift] + [Alt] + 마우스로 영역 선택
정원 / 정사각형 선택범위 [Shift] + 마우스로 영역 선택
가운데를 중심으로 한 선택범위 [Alt] + 마우스로 영역 선택
선택범위를 복사 이동 [Ctrl] +[Alt] + 마우스로 이동
선택범위를 전경색(foreground color)으로 채움 [Alt] + [Delete]
선택범위를 배경색(background color)으로 채움 [Ctrl] + [Delete]
복사하기 [Ctrl] + [C]
오려내기 [Ctrl] + [X]
붙여넣기 [Ctrl] + [V]
전체선택 [Ctrl] + [A]
선택범위 취소 [Ctrl] + [D]
선택범위 반전 [Shift] + [Ctrl] + [I]

▶ 이미지 보기에 관련된 단축키

이미지 확대 [Ctrl] + [+]
이미지 축소 [Ctrl] + [-]
윈도우 크기에 맞출 때 [Ctrl] + [0]
이미지를 100% 크기로 볼 때 [Ctrl] + [Alt] + [0]

▶ 포토샵 도큐먼트에 관련된 단축키

새 도큐먼트(창)를 만들 때 [Ctrl] + [N]
이미지를 불러올 때 [Ctrl] + [O]
이미지를 닫을 때 [Ctrl] + [W]
이미지를 저장할 때 [Ctrl] + [S]
다른 이름으로 저장할 때 [Shift] + [Ctrl] + [S]
웹용 이미지로 저장할 때 [Shift] + [Ctrl] + [Alt] + [S]
프린트 [Ctrl] + [P]
작업 취소 [Ctrl] + [Z]
눈금자를 나타나게 할 때 [Ctrl] + [R]
가이드 선을 나타나게 할 때 [Ctrl] + [;]
그리드 선을 나타나게 할 때 [Ctrl] + [']
포토샵 끝내기 [Ctrl] + [Q]

▶ 이미지 보정에 관련된 단축키

Levels [Ctrl] + [L]
Auto Levels [Shift] + [Ctrl] + [L]
Curves [Ctrl] + [M]
Color Balance [Ctrl] + [B]
Hue/Saturation [Shift] + [U]
Desaturate [Shift] + [Ctrl] + [U]
Invert [Ctrl] + [I]
레이어 복제 [Ctrl] + [J]
RGB모드의 이미지를 CMYK모드로 변환 [Ctrl] + [Y]
마지막에 적용한 필터효과 적용 [Ctrl] + [F]

▶ 포토샵 작업영역에 관련된 단축키

동작 실행 중지 [Esc]
툴박스와 팔레트 감추기 [Tab]
방금 적용한 필터 재작용 [Ctrl] + [F]
Feather 수치 적용 [Ctrl] + [Alt] + [D]
선택 범위의 크기 조절 [Ctrl] + [T]
손바닥으로 이미지 이동 [Space Bar] + 마우스 이동
이동 툴로 이미지 이동 [Ctrl] + 마우스 이동
페인팅툴에서 스포이드로 변환 [Alt]
레이어에서 현재 작업 레이어만 볼 때 [Alt] + 레이어 눈동자 클릭
레이어를 선택 영역으로 만들때 [Ctrl] + 해당 레이어 클릭 
 

[CSS]스크롤바 색상 만들기

 

body {
scrollbar-3dlight-color:색상코드;
scrollbar-arrow-color:색상코드;
scrollbar-base-color:색상코드;
scrollbar-darkshadow-color:색상코드;
scrollbar-face-color:색상코드;
scrollbar-highlight-color:색상코드;
scrollbar-shadow-color:색상코드;
}

 

익스에만 동작합니다.

[CSS]컬러이미지를 흑백이미지로 바꾸기

이미지 소스 안에 다음소스를 추가합니다.


style="filter:gray(enabled=1)"

 

적용예) <img src="test.gif" alt="" style="filter:gray(enabled=1)">

class 선언후 해당 class를 호출하셔도 됩니다. 응용은 자유롭게..

[CSS]아이프레임시 가로스크롤바 없애기



<style type="text/css">
body {
overflow-x:hidden;
}
</style>

 

다른 여러 방법보기 : http://www.webmini.net/297

[포토샵]이미지레디 - 움직이는 닉이미지 만들기

 

완성작