<![CDATA[
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-FAMILY: SDWebManitto"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>안녕들 하세요..</FONT></SPAN></SPAN></SPAN></SPAN></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-FAMILY: SDWebManitto"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>날이 좀 추워 졌네요...</FONT></SPAN></SPAN></SPAN></SPAN></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><SPAN style="FONT-SIZE: 11pt"><SPAN style="FONT-FAMILY: SDWebManitto"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>간단하게 이미지나 사진위에 글을 써서 올리는 방법입니다...</FONT></SPAN></SPAN></SPAN></SPAN></SPAN></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>먼저</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>이미지가 있어야 겠지요..</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>이미지는 자기컴에 저장되어 있는 사진이나</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>웹상에 있는 사진을 이용합니다..</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>카페에 등록하는 방법은 대부분 아실거 같아서</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>등록부분은 생략하고(등록부분도 필요하신분이 계시면 따로 올려드립니다.)</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>등록되었거나 다른분의 이미지를 사용할 경우 입니다...</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>먼저 </FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>이미지의 주소를 알아야 함으로</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>이미지를 등록한곳이나 원하는 이미지가 있는곳에 가셔서</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><STRONG><FONT color=#e31600>이미지에 우마우스를 클릭합니다...(타인이 등록한 이미지에서</FONT></STRONG></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><STRONG><FONT color=#e31600>우마우스 클릭시 우마우스 금지라 표시되면 미련없이 다른이미지로 가세요...)</FONT></STRONG></SPAN></P>
<P style="TEXT-ALIGN: left"><STRONG><FONT color=#193da9> </FONT></STRONG></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/207804234B27939A08" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="680" border="0" hspace="1" vspace="1" width="680" /></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>위 그림과 같이 이미지에(여기서는 김연아 선수의 이미지겠지요) 우마우스를 클릭하시면</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>위 그림과같이 작은 대화창이 뜹니다..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600>참고로 이쁜이미지가 있어서 내컴에 저장하고 싶으면 위 대화창중 "다른이름으로 사진 저장(S) 를 클릭하시면</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600>내컴퓨터에 저장이 됩니다..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>여기서는 등록된이미지의 주소를 아는게 목적이니까</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>대화창중 속성 을 선택(클릭) 합니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/127804234B27939B09" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="528" border="0" hspace="1" vspace="1" width="528" /></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>대화창에서 속성을 클릭하면 위 그림과같이 등록정보라는 창이 뜨는데요..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>등록정보창 내용중</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>유형은 파일형식이 무엇인지 (jpg 또는 gif 등등)</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>주소는 이미지의주소입니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>픽셀크기는 이미지의 사이즈이구요</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이미지사이즈는 잘 메모 해놓으시구요</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>주소를 드래그해서 복사를 해가야 합니다......</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/117804234B27939C0A" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="466" border="0" hspace="1" vspace="1" width="466" /></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>등록정보의 주소 옆의<STRONG> 주소를 마우스 왼쪽을 클릭한채 쭈욱 드래그해줍니다..</STRONG></FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9><STRONG>드래그를 하면 위그림과 같이 파랗게 반전이 되는데요</STRONG></FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9><STRONG>드래그가 다 되었으면 드래그 된 부분에 우마우스 클릭 복사를 선택</STRONG>합니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/207C38054B280AFF33" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="777" border="0" hspace="1" vspace="1" width="777" /></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이제 복사한 주소를 가지고 글쓸곳에 오셔서</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>글쓰기 클릭하시고</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>글제목 적어주시고</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600><STRONG>글쓰는 형식은 html 에 체크해주시구요</STRONG></FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>글쓰는 창에</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600><table background=</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이렇게 먼저 적어줍니다..<FONT color=#e31600>table 과 background 는 한칸 띄어줘야 합니다..</FONT></FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9><table background= 이부분에 마우스커서가 깜박일겁니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>마우스커서가 깜박이는곳에 우마우스 클릭하신후 창이뜨면 붙여넣기 클릭하시면</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>주소가 붙여넣어집니다..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9><table background=복사해온주소</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이렇게 되겠지요...</FONT></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/147804234B27939D0C" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="601" border="0" hspace="1" vspace="1" width="601" /></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>복사해온 주소가 붙여진게 보입니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>주소뒤에 마우스커서가 깜박이구요..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>마우스커서를 스페이스바를 이용 한칸 띄어준후</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이미지의 가로 세로 사이즈를 적어준후 뾰족괄호를 닫습니다....</FONT></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/157804234B27939D0D" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="653" border="0" hspace="1" vspace="1" width="653" /></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>위 그림과같이 되어야 합니다..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600><table background=복사해온주소 width=480(가로사이즈) height=640(세로사이즈)></FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이렇게 되어있고</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600>table 과ㅣ background </FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600>주소와 width=480</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#e31600>width=480 과 height=640 사이는 반듯이 한칸을 띄어줘야 합니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/177804234B27939E0E" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="767" border="0" hspace="1" vspace="1" width="767" /></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"> </SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>그런다음</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#e31600><tr></FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#e31600><td></FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>해주시구요</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>그다음</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#e31600><pre><font face=바탕 size=3 color=ffff33><ul></FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>이렇게 적어주시는데요</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9><pre>~이건 글을 쓸때 엔터키나 띄어쓰기한데로 보여주는 소스로 중요한 소스입니다</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9> 이 pre 소스를 사용치 않으면 줄바꿈할때마다<br><p> 등을 계속 적어줘야하는 불편함이 따릅니다</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9><font face=바탕 size=3 color=ffff33>~이건 글씨체는 바탕 크기는 3 색상은 노란색이란겁니다</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9><ul>~이건 글씨가 이미지좌측에서 한칸정도 떨어져서 시작하라는 명령어입니다...</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#e31600>그리고 나서 글을 적어주시구요(쓰고싶은말...)</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>지금까지 사용한 소스를 역순으로 닫아주시면 됩니다..</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>즉</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#e31600></ul></font></pre></td></tr></table></FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>이렇게 닫아주신후에</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9>아랫쪽의 <FONT color=#e31600>미리보기로 결과를 미리보시고</FONT></FONT></SPAN></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#e31600>맘에 드시면 확인 누르시면 작업끝입니다...</FONT></SPAN></P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"> </P>
<P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/187804234B27939E0F" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="548" border="0" hspace="1" vspace="1" width="548" /></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이건 결과 이구요</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>결과에 보시면 저위의 소스작성때 쓴글 그대로 보이시지요</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>또 이미지 좌측과 글씨부분이 떨어져 보이는건 소스중<ul> 때문이구요...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>PS:html 로 글을 작성하실려면 덜컥 겁부터 납니다..</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>영어가 수도 없이 보이고</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>결과가 어찌 나올지 겁부터 납니다만</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>실제 사용하는 영어는 몇개 안됩니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>노트에 메모해놓으시고 그때그때 사용하심 되구요</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>자꾸 연습해보시면 금새 숙달 됩니다...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>또 이건 설명을 하려다보니 말재주도 없고 글재주도 없어 두서없이 길어지고</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>이미지가 들어가다보니 길어져서 복잡해 보이지만 실제해보면</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9>그리 복잡하지 않습니다..일단 한번 해보세요...</FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9> </FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9><STRONG>위 설명중 어려운 부분은 댓글로 적어주시거나 쪽지를 주시면</STRONG></FONT></P>
<P style="TEXT-ALIGN: left"><FONT color=#193da9><STRONG>그때그때 수정 해놓겟습니다...</STRONG></FONT></P>
<P style="TEXT-ALIGN: left"><SPAN style="FONT-FAMILY: Batang"><FONT color=#193da9> </FONT></SPAN></P>
<!-- -->
]]>
카페 게시글
▣-컴태그 상식
이미지(사진)위에 글쓰기
비 공 개
추천 1
조회 1,194
09.12.15 23:14
댓글 17
북마크 번역하기 공유하기 기능 더보기
다음검색
첫댓글 정말 감사 합니다 자세히 가르쳐 주셔서 할수 있을 것 같습니다
비공개님 에구 고마워요 ^^* 상세이도 알려주신네요..공부 함해볼게요 ..고운밤 되세요 ^^*
감사합니다 ,, 좋은 정보주셔서 ,,
어쩜 요렇게도 자세하게 또 친절히 설명을 해 주실까요? 사실은 어려운 부분이 되어버렸답니다.
.작년부터 올 봄까지 이곳에서 눈을 좀 떳었는데 하다보니 되더라구요..
근데 사정상 몇개월 쉬었다오니 그동안 다음측에서 방법도 변경한 부분도있었던것같고해서..
나이먹고 기억도 좋지않아 엇다쓰랴하고 포기했는데 다시 해볼까하는 생각이듭니다만 ..될런지요~!^^
비공개님 넘 감사합니다,다시 궁금하면 글 쓸께요
삭제된 댓글 입니다.
복사해온 주소까지만 도라간다는 말씀은
글쓰기에서 복사해온 주소가 안 붙여넣어진다는 말씀이신가요??
어렵다 생각하면 어렵구요..
제가 아는 하양^^님은 동안 글 올리시고 댓글쓰시는거로 보아서
한두번만 해보시면 아주 쉽게 하실듯 한데요..
까짓거 한번 더 해보세요...
오늘하루도 웃음가득 행복가득 사랑가득한 하루 되시구요..
PS:안되는 부분을 콕 찍어주시면 그부분의 설명을 보강해볼게요...
협상은 협상이고 어느부분부터 안되시는지 말씀해주시면 수정 들어갑니다...
좋은자료감사합니다^^*
비공개님 감사합니다 배우고싶었던 자료올려주시여감사합니다 상세히 올려주시였는데 잘됄려는지는모르지만 따라서 열심히배우겠읍니다 고맙읍니다 건강하세요~~꾸벅
성공했읍니다 비공개님 덕분에 또한가지배웠읍니다 늘건강하시고 앞으로도 많은도움을받고 싶읍니다 늘건강하시고 행복하세요 고맙읍니다
대단히 감사합니다. 공부 열심히 해서 우등생이 되겠습니다. ㅎㅎㅎ
감사합니다.
좋은 자료 감사드림니다...
감사합니다 .
좋은 정보 감사합니다.
감사 드림니다..