본문 바로가기
[컴관련 정보방]

[스크랩] 사진위에 글을 쓰는 방법

by 노란장미(아이다) 2007. 1. 14.
내지기 때문에, 나중에 글꼴도 변경할 수 있고, 색깔도 변경할 수 있는등... 여러면서 이 방식이리
SAMPLE

이 그림을 보시죠.
그림안에 글이 들어있기는 하지만, 그림이랑 "합체" 가 되어서, 이미 글이라기 보다는 그림의 일부라고 해야겠지요. 저 글을 나중에 고칠수도 색깔을 바꿀수도 없습니다.

야후에서 좋은일을 하고 있네요..
그렇다면 이번엔,

저 그림처럼 사진안에 "글을 그려" 합체시키지 않고, 사진을 배경으로 사용하면서 TEXT 상태로 글을 사진위에 단순히 얹어놓는 방법을 보기로 할까요 ?
( 이전에 관련링크"
표그리기" 쪽에서 한번 다루어진 내용이지만 ^^ )




<TABLE> 태그를 이용한, 사진위에 글쓰기  

-= IMAGE 3 =-. 사진 or 그림을 블로그에 미리 첨부해 둔다
그 위에 글을 쓸 사진이나 그림을 찾아보기해서 블로그에 첨부해 넣습니다.
- 이때, 별도의 비공개 폴더를 만들어 그쪽에 사진만 따로 첨부해 놓고,
   그 사진의 URL 주소를 알아와서  쓸 수도 있고,
- 야후 편집기로 사진을 첨부해서 저장하고, 곧바로 그 글을 수정하면서,
  HTML 소스편집 아이콘을 눌러, 사진이 표시된 부근의 HTML 만 수정하여
  쓸 수도 있습니다.
( 직접 둘다 해보시길 .. )

  오래된 사진첩에서 한, 전우의 사진을 예제로 들어보겠습니다.^^
 
   ( 사진의 출처 : 노루만디 戰史 자료집 - 요원은 본디 저렇게 안경처리함)



-= IMAGE 4 =-. 사진위에서 마우스 오른쪽 단추를 눌러, 속성보기를 한다
사진이 인터넷에 저장되면, 속성보기를 해서, 저장된 사진의
가로세로 크기를 따로 알아 놓고, URL 을 마우스로 긁어 복사합니다.
( 인터넷에서 복사하는 방법은 관련링크복사하기-붙여넣기에서 설명되었죠 )

-= IMAGE 10 =-

인터넷에 저장된 사진의 URL 과 가로 x 세로 크기를 알면,
모든 작업은 끝난것이나 마찬가지 입니다.






-= IMAGE 5 =-. 사진의 크기에 꼭맞는 표를 그리고, 그 배경으로 사진을 지정한다.
안에는 글을 쓸 수 있으므로, 그점을 이용하는 것이죠. 
야후블로그 글쓰기화면의 편집기 창에서 글을 쓸 때.
사진의 크기와 꼭 같은 크기의 표를 나타내는 HTML 태그를 써넣고,
그 BackGround 로 사진의 URL 을 지정해 주면 되겠죠.


...어쩌구
...저쩌구
<BODY style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">

<TABLE border=0 cellspacing=0 cellpadding=0>
<TBODY>
<TR>
         <TD Width=가로크기 Height=세로크기 Background=사진의 URL >
          글쓰는 자리...
         </TD>
</TR>
</TBODY>
</TABLE>

</BODY></HTML>

( HTML 태그는 대소문자와 한자이상 띄워쓰기를 구분하지 않습니다 )

가로크기,세로크기,사진의 URL 자리에 위에서 적어논 값을 넣고,
글을 일단 저장합니다.

이렇게 저장된 글을 다시 수정하기 해서,
글쓰는 자리 쪽에 적당히 글을 채워넣고, 일반 편집기에서 글 쓰듯이,
글자 색상을 주고, 크기를 바꾸고...등등등 의 작업을 하시면 되겠죠 ^^



이상의 방법으로, 직접 샘플을 하나 작성해 보겠습니다.
위에서 설명된 그대로 이고, 글을 꾸미기 위해 색상을 주고, 굵기를 조절하고, 
<MARQUEE> 태그까지 넣어서 글을 움직이게까지 해보면,


노루만디 상륙가.  

마스크ed로그   

Floats and the  
airplane which floats.  
Fly fly  
height height fly  
our airplane  
...   


이렇게 되겠죠 ?
다른분들도 직접 한번 해보시기들 ...

[[ 끝 ^^ ]]악을 가져 올 수 있는곳 /음악태그
출처 : 사진위에 글을 쓰는 방법
글쓴이 : 풍아 원글보기
메모 :