[스크랩] 글이나 그림안에 음악소스 넣는 방법

글안에 음악을 넣기 전에 기초부터 배워봅시다.

일단. 가장 먼저 배울 것은 글을 가져오거나 음악소스를 가져오기 위해 복사를 해야겠지요??

아래 올린 자료입니다.

- 태그를 잘 모르시는 분들을 위해 - " 배워봅시다......" 먼저 원하는 영상시를 열고 글의 중앙을 오른쪽마우스로 클릭하면           소스보기 가 나옵니다.             그 곳을 클릭하시면 메모장이 뜨면서 영상시의 내역이 모두다 나온답니다 열린 메모장을 아래로 내려오시면          < 스크랩 출처 > 이라고 적힌 곳 아래부터          < 아바타 >이 부분 까지 복사를 하셔야 합니다. ※복사하시는 방법은 아시는 분들도 계시지만 모르시는 분들을 위해서!          복사는 < 스크랩 출처 > 아래부분 부터 전부다 검게 드래그 시킨 다음에            드래그 시킨다는 뜻은 ?            마우스 왼쪽버튼을 누른상태에서 쭈~욱 마우스를 원하는 부분만큼 끌어보세요.            파랗게 변하죠? 그런상태에서 오른쪽마우스  한번누르고- 복사 - 라고 나오는거 클릭하세요!               마우스안에 글이 복사됬습니다.               그리고 올리고 싶은곳에 가서 다시 오른마우스 누르고               - 붙여넣기 - 라는걸 누르세요!              그러면 복사한 내용들이 나올겁니다 또 다른복사 방법은 검게 복사할 부분을 드래그 한 다음에              Ctrl+C(컨트롤키를 누른상태서 영어C키를 누르세요) 누르면 복사가 되고           Ctrl+V 누르면 붙여넣기가 됩니다! 1 . 그후에 한가지더 있습니다.(다음까페 글 올릴때 아래글이 해당 됩니다)            글을 붙여넣기한후 바로밑에보시면>>텍스트(기본) 여기가 체크되어 있죠☜                                   이것은 글만 올릴때 해당 되는것이며                             그림이나 사진위에 글이 올라가는 영상시는                     여기에서>>HTML태그 포함 ☜여기를 체크해주어야 합니다. 복사하는 방법을 배웠으면 음악보다 글을 우선 올려야겠지요? 물론, 잘하시는 분들은 글과 음악을 한번에 올릴 수 있습니다만요~^*^ㅋㅋ 글 올리는 방법입니다. 이 내용도 아래 올렸 듯히 글을 그림에 올려 글이 올라가는 방법과 글을 그냥 위의 복사만으로 올리는 방법이 있습니다. 두 가지 기초를 배워 글을 올리고 등록 하세요 아름다운글 올리는 방법 11 신 사랑한다는 것 안도현 길가에 민들레 한송이 피어나면 꽃잎으로 온 하늘을 다 받치고 살듯이 이 세상에 태어나서 오직 한 사람을 사무치게 사랑한다는 것은 이 세상을 전체를 비로소 받아들이는 것입니다. 차고 맑은 밤을 뜬눈으로 지새우고 우리가 서로 뜨겁게 사랑한다는 것은 그대는 나의 세상을 나는 그대의 세상을 함께 짊어지고 새벽을 향해 걸어가겠다는 것입니다. 배경 그림위에 글이 올라가는 공부를 봅시다 10신에서 보신건 단순히 그림만 올릴때 사용하는것이고 배경위에 글을 나타내는건 또 다른 명령을 사용해야 합니다. 배경 그림은 table 이나 td 에서 주소를 넣어주면 됩니다 명령어는 background 입니다 그리고 font를 넣어주면 되죠 배운데로 한번 해보겠읍니다 위의 그림의 등록 정보를 보시고 주소를 복사 하세요 그리고 그림의 크기도 적어 놓아야 합니다 그런 다음 이렇게 하세요 <table background="그림 주소" "width="넓이" height="높이" border=10> 이렇게 나오겠죠 <table background=http://mysesang.com/buty/img/bs2.jpg width=518 height=362 border=10> 그다음엔 <tr><td>를 넣어 가로와 세로를 만들어 줍니다. 잘모르시면 여기를 다시 한번 보세요 이제 부터는 글자의 명령을 넣어 줍니다 글자는 색을 흰색으로하고 크기는 3정도로 해볼까요 <font color=white size=3> 그리고 넣고 싶은 글을 여기에 넣어요 그다음엔 위의 모든 명령을 마무리 한다고 해줘야지요 명령의 역순으로 </font></td></tr></table> 예를 볼까요 예제보기 정리를 해보면 이렇게 되죠 <table background="http://mysesang.com/buty/img/bs2.jpg" width="518" height="362" border=10> <tr><td> <font color=white size=3> 홀로서기 1 <br><br> 지은이 : 서정윤<br><br> 기다림은<br> 만남을 목적으로 하지 않아도 좋다.<br> 가슴이 아프면<br> 아픈채로,<br> 바람이 불면<br> 고개를 높이 쳐들면서,<br> 아득한 미소.<br> </font></td></tr></table> 이렇게 하면 밑의 그림이 나옵니다 결과보기 홀로서기 1 지은이 : 서정윤 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 아득한 미소. 글이 움직이지 않으니 좀 그렇죠?? 글을 움직일려면 marquee를 넣어서 글을 위로 움직이게하고 속도는 좀 느리게 해볼까요 또 글이 너무 왼쪽으로 치우쳤죠 중앙 정열 할려면 center을 넣어 줘야 하고 글자가 너무 가느니깐 좀 굵게 할려면 b도 넣어야 겠어요 자 한번 해보세요~ 예제보기 최종적으로 정리 하면 이렇게 됩니다 <table background="http://mysesang.com/buty/img/bs2.jpg" width="518" height="362" border=10> <tr><td> <marquee direction=up scrollamount=1> <font color=white size=3><center> <b> 홀로서기 1 <br><br> 지은이 : 서정윤<br><br> 기다림은<br> 만남을 목적으로 하지 않아도 좋다.<br> 가슴이 아프면<br> 아픈채로,<br> 바람이 불면<br> 고개를 높이 쳐들면서,<br> 아득한 미소.<br> </b></center> </font> </marquee> </td></tr></table> 이렇게 하여 결과를 한번 보죠 결과보기 홀로서기 1 지은이 : 서정윤 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 아득한 미소. 시가있는 집에 올린것과 같은 모양이 되었죠 여러분도 이제 멋지게 구상하여 한번 올려 보세요 알아 둬야 할것들 1. 바탕에 그림없이 색만 표시할때는 background를 하면 안되고 반드시 bgcolor="원하는 색"하여야하고 바탕에 그림을 넣을때는 지금 배우신대로 해야합니다 2. img src="그림주소" 하여 width와 height를 조절하면 그림 크기를 마음대로 해도 되었지만 table 의 background로할때, 다시말하면 바탕 그림으로 할때는 크기조절을 하면 원본에 손상이 갑니다 예를들어 설명하죠 예제보기 원본의 그림 크기가 width=518 height362 인데 그림의 크기를 몰라서 원본의 크기보다 크게해봅시다 width=600 height450 쯤 해볼까요 결과보기 홀로서기 1 지은이 : 서정윤 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 아득한 미소. 크기가 늘어 나는게 아니라 중복되어 나타나지요 img src 에서는 크기를 조절하면 원본 그대로 확대 축소가 되지만 바탕으로 설정하여 확대 하면 원본이 중복되고 축소하면 그림이 축소한만큼 없어집니다 이 속성을 이용할수도 있죠. 필요 없는 부분을 잘라내는 효과를 볼수있어요 예를 보죠 예제보기 원본의 그림 크기가 width=518 height362 인데 그림의 크기를 몰라서 원본의 크기보다 조금 작게 해봅시다 width=480 height300 쯤 해볼까요 결과보기 홀로서기 1 지은이 : 서정윤 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 아득한 미소. 밑 부분의 배가 보기 싫군요.없에버리죠 예제보기 조금 더작게 해봅시다 width=400 height250 쯤 해봅니다 결과보기 홀로서기 1 지은이 : 서정윤 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 아득한 미소. 예제보기 오른쪽 나무가지가 좀 지저분해보이죠? 이것은 잘라내고 밑의 배를 넣어 볼까요. 그림이 옆으로 긴것보다 상하로 길게해봅시다. width=300으로 줄이고 height=362 는 원본 그대로 해보죠 글 크기를 조금 줄여야겠네요~^*^ㅋ 결과보기 홀로서기 1 지은이 : 서정윤 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 아득한 미소. 바로위의 예와 비교해보세요. 느낌이 전혀 틀리죠? 이렇게 응용하면 같은 그림이라도 사용하는 사람에 따라 전혀 다른 느낌으로 나타낼수있어요 위로가기 ♠   기초인 복사를 배우고 글이 그림위에서 올라가는 방법을 배웠습니다. 물론 글이 올라가지 않고 그냥 제자리에 두고 읽고 싶으면 위 복사하는 방법으로만 올리면 됩니다. 음악소스를 글안에 넣기 위해선 음악소스도 복사해 와서 위의 같은 방법으로 올리는데 음악소스가 보이지 않게 올리기 위해서는 플래닛에서는 할 수가 없다는 것!! 블로그나 카페에서만 할 수 있답니다.   블로그나 카페로 가서 글쓰기에 들어가면 HTML과 에디터가 보일 겁니다. 여기서 음악소스가 보이는 소스면 그냥 에디터에서 하시면 되고 물론 플래닛에서도 하시면 되구요   안으로 들어가는 소스면 HTML로 먼저 바꾼 다음에 복사해온 글과 그림을 넣기하고 음악소스를 아래 넣고 등록 하시면 다 된겁니다~~~ㅠ~~ 친구님들의 질문은 많고하여 제가 하던 방법을 그대로 올려봅니다. 일단 해보세요~~~~아자!!!        이 음악소스는 보이지요?? 플래닛에서도 가능한 음악 올리기입니다. 요렇콤 하시려면 그냥 맨 위에 배운 것 처럼 글과 함께 복사로만 하시면 됩니다.

출처 : 글이나 그림안에 음악소스 넣는 방법

글쓴이 : Su and John Love 원글보기

메모 :