하얀 민들레님께!(머퀴 태크)

스크랩이 가능하니 복사해 가세요!

머퀴 코드에 대한 기초 설명입니다..

https://t1.daumcdn.net/cfile/cafe/205A83334D973DD522?original

위에 코드는 음악 주소 입니다..다움 넷에는 두 가지 형식인데

하나는 media이고 다른 건 original 로 표시하는데

아무거나 상관이 없습니다.

아래 보이는 5개의 주소는 님이 올린 사진의 주소 입니다.

주소는 태크 코드에서 사진 하나 하나가 따로 구분 되어 표시가 되는데

예를 들면 첫 사진의 주소는 다음과 같습니다.이렇게....됩니다.

<img src="https://t1.daumcdn.net/cfile/blog/25546C4B54E1B9872F">

이렇게 곤색 글씨와 같습니다.

님이 질문하신 문제는 사진이 총 6개 입니다..

아래 곤색 글씨는 6개의 사진 주소 입니다..

다움 편집기에 사진을 올리면 자동으로 만들어지는 주소입니다.

이 주소 보기 방법은 설명을 생략합니다.

https://t1.daumcdn.net/cfile/blog/25546C4B54E1B9872F

https://t1.daumcdn.net/cfile/blog/247B374B54E1B9880E

https://t1.daumcdn.net/cfile/blog/2173E14B54E1B98915

https://t1.daumcdn.net/cfile/blog/214CC64B54E1B98A37

https://t1.daumcdn.net/cfile/blog/246A814B54E1B98B1D

https://t1.daumcdn.net/cfile/blog/2152834B54E1B14ABB

이 주소에다 사진 크기가 다른 걸 5개 더 첨가합니다...

 

첫번째 예)

마퀴를 사용하면 보고 싶은 사진이 흐르기 때문에

자세히 볼려면 지나갑니다..그래서 아래의 코드를 이용해서

사진을 멈추게 하고 볼 수가 잇습니다.

마우스를 사진위에 얹어보세요. 멈춥니다

마우스를 사진에서 이동하면 흐름이 계속 됨니다.

이런 마퀴 명령어는onmouseover=stop() onmouseout=start() 로

아래 보기와 같이 넣어야 합니다.

<marquee width="459" heith="362" direction="up" scrollamount="1" onmouseover=stop() onmouseout=start()>

<img src="https://t1.daumcdn.net/cfile/blog/25546C4B54E1B9872F"></p></marquee>

검정 부분의 마퀴 태크 설명입니다.

width="459" heith="362"는 사진의 싸이즈로 넓이가 459 이고

높이가 362로 지정이 된 겁니다..크기 조절은 사진을 편집시에

정해 주어야 합니다…이해가 여기까지는 되시는지요?...

direction="up"은 사진을 위로 흐르게 하는 명영어 입니다..

"up"대신에"down"은 위애서 아래로 흐르게 하는 명령어이고

"right"는 오른 쪽 방향으로…"left"는 왼쪽 방향으로 정해 줍니다.

 "up, down, right, left" 4개의 단어를 바꾸어 줌으로

흐르는 사진의 방향을 지정해 줄 수가 있습니다.

끝나는 부분은 반듯이 </p></marquee>로 마무리를 자어야 합니다.

태크는 하나의 약속임으로 꼭 이렇게 해야 하비다.

명령어는 뛰어 쓰기나 글자나 기호가 하나만 틀려도

편집이 되질 않습니다..꼭 지켜야 합니다..

그럼 본론으로 들어가는 설명입니다…

항상 곤색 부분은 태크 코드입니다..

편집기엔 곤색만 넣어야 합니다…

 두번째 예)

<marquee direction="up" height="362" width="100%" scrollamount="2" scrolldelay="50" onmouseover=stop() onmouseout=start() style="height: 362px; width: 100%;">이 부분엔 사진 높이만 보이고 넓이는 100%로 표시가 됨니다.

머루랑 친구는 항상 짝퉁 코드를 쓰기 때문에 엉망이고 엉터리 입니다.

이런 태크 코드를 다움 편집기에 넣으면 더 많은 태크 코드를 편집기는

자동 생성을 하니 복잡하고 알수가 없게 되는 겁니다..

불 필요한 우수 마발에 소똥 말동 같은 겁니다.머리만 혼란합니다.

<center>란 올리는 사진들 전부가 화면의 중앙에 위치하는 명령어 입니다

<img id="하얀 민들레" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/25546C4B54E1B9872F" width="459" height="362"></p>첫번째 사진으로 id="하얀 민들레"는 "비타민" 이나

"우리 나라"를 넣어도 상관이 없고  "abcd" 영어를 넣어도 됩니다

아니면 사진 주소인 "25546C4B54E1B9872F5EEF"넣어도 성관이 없어요.

<img id="엿 장사" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/247B374B54E1B9880E" width="459" height="362"></p> 하얀 민들레 대신에 엿장사를 넣은 두번째 사진 주소

<img id="노랑 민들레" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/2173E14B54E1B98915" width="459" height="362"></p>하얀 민들레 대신에 노랑 민들레를 넣은 세번째 사진 주소

<img id="abcdef" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/214CC64B54E1B98A37" width="459" height="362"></p>하얀 민들레 대신에 abcdef영어를 넣은 네번째 사진  

<img id="imageCheckerTempId_11" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/246A814B54E1B98B1D" width="459" height="362"></p>하얀 민들레 넣은 다섯번째 사진  

<img id="하얀 민들레" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/2152834B54E1B98B31" width="400" height="300"></p>하얀 민들레 넣은 여섯번째 사진  

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/22370B4954A96EDF32" width="400" height="300"></p>하얀 민들레 넣은 사진 크기 다른 일곱번째 사진  

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/263F7B4954A96EE026" width="400" height="300"></p>하얀 민들레 넣은 사진 크기 다른 여덟번째 사진  

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/2133875054A96EE032" width="400" height="300"></p>하얀 민들레 넣은 사진 크기 다른 아홉번째 사진  

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/2442C95054A96EE11E" width="400" height="300"></p>하얀 민들레 넣은 사진 크기 다른 열번째 사진  

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/213D275054A96EE125" width="400" height="300"></p></marquee>하얀 민들레 넣은 사진 크기 다른 열한번째 사진  

이와 같이 주소를 복사해 넣으면 많은 사진도 넣을 수가 있어요.

다시 설명을 하면

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="http://여기에 다움에 올린 사진 주소를 넣는다" width="400" height="300"></p>

<center>여기는 음악이 들어 가는 부분인데 음악 바가 중앙이라는 명령어

<embed style="BORDER-BOTTOM:#FE2EC8 3px ridge; FILTER: invert(); BORDER-LEFT:#FE2EC8 3px ridge; BORDER-TOP:#FE2EC8 3px ridge; BORDER-RIGHT:#FE2EC8 3px ridge" height="45" type="application/x-mplayer2" width="453" src="https://t1.daumcdn.net/cfile/cafe/205A83334D973DD522?original" x-x-allowscriptaccess="sameDomain" allownetworking="internal" autostart="true" showcontrols="1" volume="0" loop="-1"></p></td></tr></tbody></table></body>

<embed로 시작하는 태크는 음악 태크와 플래시 태크가 있어요..

그냥 간단한 설명인데..이 태크 안에type="application/x-mplayer2"는 음원의포멋으로이 태크의 음원은 mp3 포멋입니다.더움 편집기에선 wma 포멋인

윈도우즈사의 음원 포멋도 쓰는데 코드 태크가 조금 다름니다.

다움 편집기엔 안되는 음원 태크가 아주 많아요..이 음원도 그냥은 안되어서

style="BORDER-BOTTOM:#FE2EC8 3px ridge; FILTER: invert();…..란

요상한 테두리를 만들어서 올리는 겁니다..

height="45"와width="453"는 음원 막대기의 놀이기 45이고 길이가 453인데

길이가 453인것은 사진의 넓이가 459인데 음원 막대기의 분홍 색 테두리가

6이란 면적을 차지해서 사진과 같은 길이로 만들기 위해 6이란 숫자를

줄인 겁니다.

또 머룬지 달랜지가 좋아하는 음원 숨기기는 height="45"와width="453"대신에

height="1"와width="1"로 바구어 주면 조그만 점만 보임니다..

오늘은 여기 가지입니다…이해가 안되는 건 질문을 하세요.

잔소리를 뺀 진짜 코드 입니다..인쇄를 해서 비교하세요.

아래 영어로 된 파란 색 부분을 편집기에 넣으면 제일 윗 부분과 같이 됨니다.

up 대신에 down, left ,right, 중에 하나로 바꾸어서 해 보면 이해가 더 쉽습니다.

 

<marquee direction="up" height="362" width="100%" scrollamount="2" scrolldelay="50" onmouseover=stop() onmouseout=start() style="height: 362px; width: 100%;">

<img id="하얀 민들레" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/25546C4B54E1B9872F" width="459" height="362"></p>

<img id="엿 장사" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/247B374B54E1B9880E" width="459" height="362"></p>

<img id="노랑 민들레" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/2173E14B54E1B98915" width="459" height="362"></p>

<img id="abcdef" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/214CC64B54E1B98A37" width="459" height="362"></p>

<img id="imageCheckerTempId_11" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/246A814B54E1B98B1D" width="459" height="362"></p>

<img id="하얀 민들레" style="HEIGHT: 362px; WIDTH: 459px" border="0" src="https://t1.daumcdn.net/cfile/blog/2152834B54E1B98B31" width="400" height="300"></p>

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/22370B4954A96EDF32" width="400" height="300"></p>

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/263F7B4954A96EE026" width="400" height="300"></p>

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/2133875054A96EE032" width="400" height="300"></p> <img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/2442C95054A96EE11E" width="400" height="300"></p>

<img id="하얀 민들레" style="HEIGHT: 300px; WIDTH: 400px" border="0" src="https://t1.daumcdn.net/cfile/blog/213D275054A96EE125" width="400" height="300"></p></marquee>

<embed style="BORDER-BOTTOM:#FE2EC8 3px ridge; FILTER: invert(); BORDER-LEFT:#FE2EC8 3px ridge; BORDER-TOP:#FE2EC8 3px ridge; BORDER-RIGHT:#FE2EC8 3px ridge" height="45" type="application/x-mplayer2" width="453" src="https://t1.daumcdn.net/cfile/cafe/205A83334D973DD522?original" x-x-allowscriptaccess="sameDomain" allownetworking="internal" autostart="true" showcontrols="1" volume="0" loop="-1"></p></td></tr></tbody></table></body>