[도와주세요] psd파일 활용 및 팝업(?)에 관한 내용입니다. 정보
[도와주세요] psd파일 활용 및 팝업(?)에 관한 내용입니다.본문
그누보드 초보자 rakoos입니다.
그누보드에서 많은 도움을 주시는 분들 덕에
나름대로의 성장(?)을 이루었습니다.
매번 답글 달아주시는 분들에게 정말 감사하다는 말씀드리고 싶습니다.^^
다름이 아니라 psd파일 활용 및 팝업에 의문이 생겨 이렇게 글을 올립니다.
프리웹닷컴님이 올려주신 아래 psd파일을 수정해서 사용하고 싶은데요.
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=93686&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&sfl=wr_subject%7C%7Cwr_content&stx=%EB%B0%B0%EB%84%88&sop=and&page=3
--------------------------------------------------------------------------------------------
가장 이상적인 구축 방식은 현 '한국장학재단 사이트' http://www.kosaf.go.kr/ 와
같이 팝업으로 인해서 뒤의 메인화면이 흐릿하게 가려지고,
팝업을 클릭하면 메인화면으로 들어가지는 방식으로 구현을 하고 싶습니다.
첫 번째, 질문입니다.
psd파일을 화면에 나타내고 싶다면, 일반 게시판에 글쓰기하여 파일을 첨부해서 올리면 될 것 같은데요.
그림을 클릭을 했을 때, 메인화면으로 가려면 링크가 걸리거나 그림이 사라져야 할텐데
이 방법을 알고 싶습니다.
두 번째, 질문입니다.
팝업으로 그림을 띄운다면, 그 뒤의 메인화면이 뿌옇게 되는 것은 어떻게 해야 할까요? ㅠ
--------------------------------------------------------------------------------------------
아는게 없어서 이게 질문으로 마땅한지 잘 모르겠지만 한 번 올려봅니다...
혹시라도 무언가 답글을 쓰기에 부족한 질문이라면
조금 더 구체적인 질문 방식을 말씀해주시면 감사하겠습니다.
부탁드려요!
댓글 전체
장학재단의 소스입니다
스타일을 이용해서 흐릿한 백그라운드이미지에 div하나 얹어노은 구조이니 공부해보세요~
<link rel="stylesheet" type="text/css" href="http://www.kosaf.go.kr/css/style.css" />
<body>
<div class="center">
<table cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.kosaf.go.kr/ko/main.do" target='_blank' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','http://static.kosaf.go.kr/RR/new_scholar/images/btn_1_on.jpg',0)"><img src="http://static.kosaf.go.kr/RR/new_scholar/images/btn_1.jpg" alt="한국장학재단홈페이지바로가기" name="Image2" id="Image2" /></a></td>
<td>
<div class="line"></div>
</td>
<td><a href="http://stscholar.kosaf.go.kr/" target='_blank' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','http://static.kosaf.go.kr/RR/new_scholar/images/btn_2_on.jpg',0)"><img src="http://static.kosaf.go.kr/RR/new_scholar/images/btn_2.jpg" alt="맞춤형국가장학금신청" name="Image3" border="0" id="Image3" /></a></td>
</tr>
</table>
<ul>
<li>국가장학금 신청기간이 1.4(수)로 마감되었습니다.<br />신청내용 및 서류제출 여부를 확인하고자 하시는 분들은 우측의<br />
<strong>'국가장학금 신청 바로가기'</strong> 버튼을 클릭 후 사용하세요.<br />
- 국가장학금 신청을 완료하신 분들 중 서류제출 대상자는 1.9(월)까지<br />
FAX 또는 이미지 업로드를 통하여 서류를 제출하여 주세요.</li>
<li>국가장학금 <em>신입생 신청기간은 3.2(금) ~ 3.15(목)입</em>입니다.<br />
- 국가장학금을 신청하기 위해서는 <strong>본인의 공인인증서</strong>가 반드시 필요합니다.</li>
<li>기존의 <em>학자금 대출 및 장학금 신청 및 기타 업무</em>는<br /> 좌측의 <strong>'한국장학재단 홈페이지 바로가기'</strong> 버튼을 클릭해 주시기 바랍니다. </li>
</ul>
</div>
</body>
스타일을 이용해서 흐릿한 백그라운드이미지에 div하나 얹어노은 구조이니 공부해보세요~
<link rel="stylesheet" type="text/css" href="http://www.kosaf.go.kr/css/style.css" />
<body>
<div class="center">
<table cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.kosaf.go.kr/ko/main.do" target='_blank' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','http://static.kosaf.go.kr/RR/new_scholar/images/btn_1_on.jpg',0)"><img src="http://static.kosaf.go.kr/RR/new_scholar/images/btn_1.jpg" alt="한국장학재단홈페이지바로가기" name="Image2" id="Image2" /></a></td>
<td>
<div class="line"></div>
</td>
<td><a href="http://stscholar.kosaf.go.kr/" target='_blank' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','http://static.kosaf.go.kr/RR/new_scholar/images/btn_2_on.jpg',0)"><img src="http://static.kosaf.go.kr/RR/new_scholar/images/btn_2.jpg" alt="맞춤형국가장학금신청" name="Image3" border="0" id="Image3" /></a></td>
</tr>
</table>
<ul>
<li>국가장학금 신청기간이 1.4(수)로 마감되었습니다.<br />신청내용 및 서류제출 여부를 확인하고자 하시는 분들은 우측의<br />
<strong>'국가장학금 신청 바로가기'</strong> 버튼을 클릭 후 사용하세요.<br />
- 국가장학금 신청을 완료하신 분들 중 서류제출 대상자는 1.9(월)까지<br />
FAX 또는 이미지 업로드를 통하여 서류를 제출하여 주세요.</li>
<li>국가장학금 <em>신입생 신청기간은 3.2(금) ~ 3.15(목)입</em>입니다.<br />
- 국가장학금을 신청하기 위해서는 <strong>본인의 공인인증서</strong>가 반드시 필요합니다.</li>
<li>기존의 <em>학자금 대출 및 장학금 신청 및 기타 업무</em>는<br /> 좌측의 <strong>'한국장학재단 홈페이지 바로가기'</strong> 버튼을 클릭해 주시기 바랍니다. </li>
</ul>
</div>
</body>
페브리즈님 답변 감사합니다.^^
