팝업 창을 만드는 방법에 앞서 이해를 돕기 위해 간단한 설명을 먼저 드리죠
보통 팝업창과 대문이 함께 존재하기에 대문 만드는 방법과 함께 적어봅니다.
현재 우리는 카페는
카페 관리에서 직접 제작한 대문을 이용해서 띄우고 있습니다.(이건 운영자 이상 가능)
직접 제작한 대문은 html을 사용해야 합니다.
html 이라고 해서 그렇게 어려운 방법이 아닙니다.
html을 전혀 몰라도 쉽게 올릴 수가 있죠.
포토샵을 이용하면 쉽게 만들수가 있습니다.
포토샵으로 팝업창 내용을 만든다음
웹 및 장치용으로 저장한 다음 메모장으로 보면 html 소스가 나옵니다.
여기서 수정해야 할 부분은 그림파일 위치입니다.
처음 소스를 보면 그림파일 위치가 본인 컴퓨터 위치로 나옵니다.
그러면, 다른 사람은 볼수가 없겠죠
이 문제를 해결하는 방법은
그림파일을 인터넷 계정을 통해 올려놓고 그 주소를 사용한다는 거죠..
인터넷 계정이 없으면 블로그를 하나 만드세요
블로그를 이용해서 올려놓고 그림이 있는 주소를 적어 주면 됩니다.
(방법은 블로그에 사진을 올려놓고 오른쪽 마우스를 누르면 속성에서 확인할 수 있습니다.)
이런 방법으로 대문이 만들어져 있으면
카페 관리 → 대문에 들어가면 html 로 작성된게 뜹니다.
여기서, 제일 위쪽에 아래 내용을 한줄 더 넣어주면 됩니다.
<script>
/*window.open*/("https://t1.daumcdn.net/cfile/blog/17743D264ACBF2B079", "의견수렴", "width=320 ,height=420,resizable=0,scrollbars=0")
</script>
[부가설명]
"http://................" 이 부분은 팝업창 그림이 있는 위치(위에 적은것 처럼 요것도 블로그에 일단 올려놔야 됩니다.)
"의견수렴" 이건 아무내용이나 적어도 됩니다.
width와 height 는 폭과 높이 인데 실제 사진 크기 보다 수치를 20정도 크게 하면 됩니다.
나머지는 그래도 사용하면 됩니다.
[현재 울 카페에 팝업 창 띄우는 html]
<script>
/*window.open*/("https://t1.daumcdn.net/cfile/blog/17743D264ACBF2B079", "의견수렴", "width=320 ,height=420,resizable=0,scrollbars=0")
</script>
=============== 여기 까지가 팝업창 부분입니다.(이부분을 지우면 대문만 나옵니다)
<html>
<head>
<title>무제-2</title>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (무제-2) -->
<img src="https://t1.daumcdn.net/cfile/blog/12669C0E4ACBEC2D57" width="740" height="530" alt="">
<!-- End ImageReady Slices -->
</body>
</html>
================= 여기 까지는 대문 입니다.(포토샵을 이용할 경우 그림 파일 위치만 적어주면 됩니다.)
파란색 진한 부분이 그림파일 위치입니다.
한번 해보면 쉬운데..설명이 너무 어렵나요..
나름 쉽게 적었은 것입니다.
모르는게 있으면 댓글로 달아놓으면 답변 드리겠습니다.
--------------------------------------------------------------------------------------------
팝업 창을 만드는 방법에 앞서 이해를 돕기 위해 간단한 설명을 먼저 드리죠 보통 팝업창과 대문이 함께 존재하기에 대문 만드는 방법과 함께 적어봅니다. 현재 우리는 카페는 카페 관리에서 직접 제작한 대문을 이용해서 띄우고 있습니다.(이건 운영자 이상 가능) 직접 제작한 대문은 html을 사용해야 합니다. html 이라고 해서 그렇게 어려운 방법이 아닙니다. html을 전혀 몰라도 쉽게 올릴 수가 있죠. 포토샵을 이용하면 쉽게 만들수가 있습니다. 포토샵으로 팝업창 내용을 만든다음 웹 및 장치용으로 저장한 다음 메모장으로 보면 html 소스가 나옵니다. 여기서 수정해야 할 부분은 그림파일 위치입니다. 처음 소스를 보면 그림파일 위치가 본인 컴퓨터 위치로 나옵니다. 그러면, 다른 사람은 볼수가 없겠죠 이 문제를 해결하는 방법은 그림파일을 인터넷 계정을 통해 올려놓고 그 주소를 사용한다는 거죠.. 인터넷 계정이 없으면 블로그를 하나 만드세요 블로그를 이용해서 올려놓고 그림이 있는 주소를 적어 주면 됩니다. (방법은 블로그에 사진을 올려놓고 오른쪽 마우스를 누르면 속성에서 확인할 수 있습니다.) 이런 방법으로 대문이 만들어져 있으면 카페 관리 → 대문에 들어가면 html 로 작성된게 뜹니다. 여기서, 제일 위쪽에 아래 내용을 한줄 더 넣어주면 됩니다.
[부가설명] "http://................" 이 부분은 팝업창 그림이 있는 위치(위에 적은것 처럼 요것도 블로그에 일단 올려놔야 됩니다.) "의견수렴" 이건 아무내용이나 적어도 됩니다. width와 height 는 폭과 높이 인데 실제 사진 크기 보다 수치를 20정도 크게 하면 됩니다. 나머지는 그래도 사용하면 됩니다. [현재 울 카페에 팝업 창 띄우는 html]
=============== 여기 까지가 팝업창 부분입니다.(이부분을 지우면 대문만 나옵니다) 
'Study > Tag & Swissi' 카테고리의 다른 글
| 스위시맥스4 2010년 11월 02일 최신 버전 (0) | 2011.10.31 |
|---|---|
| 대문2 (0) | 2011.08.10 |
| 마퀴 태그 (0) | 2011.07.11 |
| [스크랩] 태그사전 (0) | 2011.07.11 |
| [스크랩] 한줄 메모장 팝업창으로 띄우기 (0) | 2011.07.11 |