|
아래 이미지를 보십시요. 크지요?  배경을 줄여봅니다. 반으로 줄여보자구요 이것을 background width="300" height="224"로 줄여보겠습니다. 이렇게 줄었습니다 에게게? 그림은 전부 사라지고 볼품이 없네요. 원래 이미지를 줄이거나 늘이면 오른쪽과 밑에부터 줄어듭니다. 왼쪽 상단끝이 기본점, 0 이기때문입니다. 단 왼쪽 상단이 X와Y점이 시작되는 점이라는거는 확실히 알아두자고요. 앞으로 무엇을 배우든지 많이 나옵니다. 레이어...이럴때 쓰이는것이 레이어 태그입니다. 포토샾이나 후레쉬를 접한분은 생소한 단어가 아닙니다. 어?? 태그에도 레이러가 있나? 하실겁니다. 한마디로 레이어를 설명하자면 만화영화를 만들때 여러개의 그림을 연속적으로 보여집니다. 그때 한장의그림 이라고 생각하시면 됩니다. 바로 이것을 응용하는겁입니다. background 는 img 를 사용해서 그대로 줄이고 올라오는 글을 레이어로 만드는것이지요. 백문이 불여일견... 보는것이 빠르겠군요.
자 설명으로 들어가자고요. 아래 소스를 잘보세요. (table width="300" height="227" bgcolor="#000000" cellpadding="0" cellspacing="0" border="10") (tr) (td) (marquee direction="up"scrollamount="1.0" scrolldelay="100" id="layer1" style="position:absolute; z-index:0; margin-left:50;") (span style="font:bold 12px/150%; color:white; FILTER:shadow(color=#660000, Direction=135); height:100px;") 어때요?? 이미지는 원하는대로 줄어들었죠/ 그러면서
내가 쓰고싶은 글들은 이렇게 잘 올라가고있죠? 이게 바로
레이어를 이용해 이미지를 마음대로 줄일수 있는거지요.. (/span)(/marquee) (font color=#000000)(img src=http://img.yahoo.co.kr/blank.gif class=con_link href="http://youngnamxx.new21.net/moon/zb41/data/spring/jiri10.jpg" target=_blank>http://youngnamxx.new21.net/moon/zb41/data/spring/jiri10.jpg" width="300" height="227")(/font) (/td)(/tr)(/table) (background="url")이안보이죠? 그리고 밑에(img=" url)이 추가되었죠? 바로 (background="url") 대신파란글씨의 레이러를 삽입하면 됩니다. z-index:0은 기본수치 입니다. margin-left:50; 은 왼쪽에서 글이 50px 만큼 떨어지라는 뜻이고요. 연습해서 응용해 보세요. 그리고 이미지 줄이는 수치는 적당히 맞추셔야 합니다. 자이제 적은 이미지를 크게 늘여 봅시다.
(tr) (td) (marquee direction="up" scrollamount="1.0" scrolldelay="100" id="layer1" style="position:absolute; z-index:1; margin:120 0 0 80;") (span style="font:bold 12px/150%; color:white; FILTER:shadow(color=#660000, Direction=135); height:100px;") 어때요?? 이게 바로 (/span)(/marquee)
이렇게 이미지의 속성과 레이어를 이용하면 배경그림을 마음대로 제어 할수 있습니다. |
'[돌]-컴 ♡자료 다운-' 카테고리의 다른 글
| 사진 예쁘게 꾸며서 올리는 방법(필터기능) (0) | 2006.06.01 |
|---|---|
| 카운터 시계 날짜 만드는 프로그램 (0) | 2006.06.01 |
| 좋은정보와자료모음 (0) | 2006.06.01 |
| 이미지 사진 음악 동영상 올리기와 하이퍼링크 (0) | 2006.06.01 |
| 동영상 퍼오는법 (0) | 2006.06.01 |