웹마스터 팁

원문 링크 : http://www.100kwa.net/zeroboard/zboard.php?id=macro&no=12

존칭 생략함을 양해해 주시기 바랍니다.

배경그림을 주고 알파 필터 filter: Alpha(Opacity=를 적용하면 분위기가 꽤 세련되어 보인다.
우연히 발견한 현상(나만 몰랐나?)에 매료되어 백과넷에 기본 적용하고 있다.
메인 파일 또는 스타일파일에 다음과 같은 스타일시트를 정의한다.
<style>
.a75 { filter: Alpha(Opacity=75); }
</style>
그리고 표 또는 셀에 색상 FFFFF9 정도를 주고 class=a75 속성을 주면 된다.
그림은 백과넷 배경그림(무지개)처럼 청색 계열이
그러면 그 내용이 은은한 바탕에 배경도 아련히 보이면서, 아무튼 환상적이다.

그런데 주의할 점도 있고 해서 참고로 기록한다.
0.
별도 스타일파일을 사용함에 어려움을 느끼는 초보자라면 이렇게 사용해도 된다.
<table style="filter: Alpha(Opacity=75);">
<tr style="filter: Alpha(Opacity=75);">
<td style="filter: Alpha(Opacity=75);">
셋 중에 하나만 필요에 따라 골라 쓰면 될 것이다.
Opacity= 뒤의 수치는 높이거나 낮추어 가면서 배경그림과 어울리는 적당한 수치를 찾으면 된다.
백과넷 배경그림에 색상 FFFFF9에서는 75가 모양새나 내용 가독성이 우수한 것 같았다.
1.
필터를 겹으로 적용하면 표나 셀의 색상이 투명해지는지, 배경그림이 투명하게 드러나서 내용을 볼 때 가독성이 떨어지는 문제가 발생한다.

가령 메인파일의 표나 셀 안에서 include하는 경우, 메인파일의 표나 셀에도 필터를 주고 또 인클루드되는 파일에서도 필터를 준다면 그런 문제에 봉착하게 될 것이다.
이런 문제를 예방하기 위해 어떤 원칙을 정해두고 작업하는 것이 좋겠다.
경험을 통해 세워 본 작업 요령은 다음과 같다.
실제 내용이 있는 파일(부분)에만 필터를 적용한다.
다른 파일을 인클루드하는 표나 셀에는 필터를 적용하지 않는다.
2.
색상을 준 곳에 필터를 적용하지 않으면 필터 효과가 나타나지 않는다.

예컨대 표에 색상 FFFFF9를 주고 셀에 필터를 적용하거나, 셀에 색상 FFFFF9를 주고 표에 필터를 적용하면 필터 효과가 나타나지 않는다는 말이다.

글 보아 주셔서 감사합니다.
제목 글쓴이 날짜
쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [37] file 쭘's 2003.06.07
스크롤바 내맘대루 색바꾸기 [예제추가] [5] ˚ⓢⓘⓔ。 2003.06.07
펼침메뉴소스 [12] 이성헌 2003.06.08
[매크로] 노프레임 페이지 작성시 나모에서 링크 타겟 매크로로 입력하기 [4] 김병희 2003.06.14
자신이 만든 문서가 HTML(XHTML) 표준에 따르고 있는지 검사해 보는 방법. [6] 귀여운Rootin 2003.06.14
[매크로] mac_0004 메뉴를 담은 표의 위치와 모양 바꿔치기 매크로 [1] 김병희 2003.06.16
쭘's식 홈페이지 만들기 No.4 - (미리보기 포함) [26] file 쭘's 2003.06.16
새창에서 세로스크롤만 되도록 하기 [10] 윙크벨 2003.06.26
노프레임 게시판을 만들때 이미지 경로지정 [11] webzang 2003.06.26
[HTML에 필터 적용] 알파 필터 filter: Alpha(Opacity= 적용에 주의할 참고사항들 [2] 김병희 2003.06.28
반짝이게 해보자 [5] 팩맨24 2003.07.03
도메인 주소를 고정한 페이지를 새로고침해도 처음으로 돌아가는것을 방지 ★ [24] 새벽이슬 2003.07.05
히야[HIYA] - 노프레임 왕초보가되어 프로젝트 !! [ 노프레임 홈피 만들기 !! 7번째강좌 ] [19] 공찬영 2003.07.05
쭘's식 홈페이지 만들기 No.5 - (미리보기 포함) [18] file 쭘's 2003.07.07
내 카페/홈페이지에 뉴스 달기 소스 공개 [9] 깜보 2003.07.10
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] file @kihwa 2003.07.11
링크부분에 밑줄을 없애는 방법.... [10] 공유 2003.07.19
링크 클릭시 점선 없애는 이벤트. 일일히 지정안하고 한꺼번에 되게 하기. [14] 최용근 2003.07.24
HTML필수 항목( 기본구조)- 초보자용 입니다! 김수한 2003.07.25
홈제작에 있어 가장중요한 "경로지정의 이해" 1편 입니다. [5] 김수한 2003.07.25