★가장 많이 쓰이는 간단한 소스
<div style=font-size:20pt;color:yellow;width:500;height:100
;filter:shadow(color=greed)>황혼이 머문자리는 아름답습니다.</div>
위의 소스를 복사한후 황혼이...... = 를 고쳐서 쓰고자 하는 글씨를 써주면 됩니다.복사하여 컴퓨터 공부방 태그 연습장에서 다 지우고 위의 소스를 붙이기 한후 봅시다를 눌러 보세요
황혼이 머문자리는 아름답습니다.
<div style=font-size:20pt;color:yellow;width:500;height:100
;filter:glow(color=green)>황혼 카페</div>
황혼 카페
<span style=font:20pt;color:yellow;background-color:red>황혼 카페</span>
황혼 카페
(구체적인 설명)
1. Shadow효과
<div style="width:500;height:50;font-size:20pt;color:darkblue;
filter:shadow(color=lightblue,direction=135);">
황혼 카페
</div>
황혼 카페
width:500; 가로로 글을 쓸수 있는 공간
height:5; 글이있을 세로공간
font-size:30pt; 안쪽글씨 크기
color:yellow;
filter:shadow(color;blue,direction=135)>
그림자 스타일로 글씨의 바깥쪽에 그림자를 만들고
그림자의 방향은 135도
2. Glow 효과(불타는 효과)
<div style="width:500;height:50;font-size:20pt;color:yellow;
filter:glow(color=red,strength=15);">
황혼 카페
</div>
황혼 카페
strength:15 에서 불타는 강도를 조절한다.
3. blur필트 효과
<span style="font-size:20pt;font-weight:bold;color:blue;width:600
;height:50;Filter:Blur(add=1,direction=145,strength=6)">
황혼 카페</span>
황혼 카페
add=1..0 과 1만 선택. 0 이면 거의 같은색 그림자,
1 이면 유사한색 그림자
direction=145...그림자 생기는 방향설정
strength=6 ...그림자의 크기,14 정도면 그림자가 아주 길어집니다.
4. Drop Shadow 효과
<div style="width:550;height:50;font-size:20pt;color:blue;
Filter:dropshadow(color=black,dffx=10,dffy=10,positive=true);">
황혼 카페
</div>
황혼 카페
OffX=10, OffY=10 ...수치는 글자와 그림자의 간격입니다.
적당히 고쳐보세요
5. Alpha 글자
<span style="width:500;height:50;font-size:25pt;color:blue;filter:alpha
(opacity=90,finishopacity=0,style=1,startx=0,finishX=100,finishy=0);">
황혼이 머문자리는 아름답습니다!
</span>
황혼이 머문자리는 아름답습니다!
6. 위에 소스에 부가될수 있는 속성
font-family:돋움; ......글자체
font-size:15pt; ....... 글자 크기
font-weight:bold; ..... 글자의 굵기
color:#8b8bff; ........ 글자의 색상 (처음색)
opacity=90, ........... 불투명도 기본값(default)은 100이며
0(완전히 투명한 경우)에서
100(완전히 불투명한 경우)까지의 값을 가집니다.
finishopacity=0...지정된 값에 이르면 불투명도 증감을 마침.
이것은 style 속성값이 1,2,3 일 때만 적용되며
0(기본값)에서 100까지의 값을 갖는다.
style=1..불투명도 증감하여 모양을 지정.
0(기본값)에서 3까지의 값을 가지며
0은 단일(uniform)
1은 선형(linear)
2는 방사형(radial)
3은 직사각형(rectangular) 모양으로 불투명도가 증감합니다.
startX=0,startY=0,finishX=100,finishY=0)
불투명도 증감 시작(끝) x,y 좌표를 지정합니다.
그런데 style 속성값이 1,2,3 일 때 적용된다는 MS측의 설명과는 달리
style=1을 제외하고는 제대로 적용이 되지 않는 것 같습니다.
이것은 필터가 적용되는 대상의 % 값으로
예를 들어 startX=30 이면 가로 30%지점이 증감의 시작점이 됩니다
|