테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

소스작업 도와주실 고수님 찾습니다 ㅠㅠ 채택완료

리뷰가좋은이유 1년 전 조회 3,511
답변 2
목록

www.리뷰단.com 사이트 메인화면 배너 리뷰가좋은이유 이용가이드를 누르면 아래 소스가 나오게끔 하고싶은데 방법좀 도와주세요 ㅠㅠ 

</p>

<table>
	<tbody>
		<tr>
			<td><template id="guidePopup"></td>
		</tr>
		<tr>
			<td value="1966"> </td>
			<td><div class="guide-popup"></td>
		</tr>
		<tr>
			<td value="1967"> </td>
			<td><div class="popup-title"></td>
		</tr>
		<tr>
			<td value="1968"> </td>
			<td><h2>리뷰어 이용 가이드</h2></td>
		</tr>
		<tr>
			<td value="1969"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1970"> </td>
			<td><div class="popup-content"></td>
		</tr>
		<tr>
			<td value="1971"> </td>
			<td><div class="guide-content"></td>
		</tr>
		<tr>
			<td value="1972"> </td>
			<td><div class="item"></td>
		</tr>
		<tr>
			<td value="1973"> </td>
			<td><div class="image"></td>
		</tr>
		<tr>
			<td value="1974"> </td>
			<td><img src="<a href="<a href="https://obliview.co.kr/img/logo.png" target="_blank" rel="noopener noreferrer">https://obliview.co.kr/img/logo.png</a>" rel="noreferrer noopener" target="_blank">/img/logo.png</a>" alt="image"></td>
		</tr>
		<tr>
			<td value="1975"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1976"> </td>
			<td><div class="desc"></td>
		</tr>
		<tr>
			<td value="1977"> </td>
			<td><div class="title"></td>
		</tr>
		<tr>
			<td value="1978"> </td>
			<td><h4>캠페인 신청</h4></td>
		</tr>
		<tr>
			<td value="1979"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1980"> </td>
			<td><div class="text"></td>
		</tr>
		<tr>
			<td value="1981"> </td>
			<td><ul></td>
		</tr>
		<tr>
			<td value="1982"> </td>
			<td><li>방문가능일정을 확인하고 신중하게 신청해주세요</li></td>
		</tr>
		<tr>
			<td value="1983"> </td>
			<td><li>선정율을 높이기 위해 캠페인 특성에 맞는 리뷰어님만의 매력을 어필해주세요</li></td>
		</tr>
		<tr>
			<td value="1984"> </td>
			<td><li>별도의 요청사항이 있는 경우 함께 기재해주세요 <span>( ex : 오후 5시에 입실해도 될까요 )</span></li></td>
		</tr>
		<tr>
			<td value="1985"> </td>
			<td><li>선정된 후에는 기간 연장이나 취소는 불가합니다</li></td>
		</tr>
		<tr>
			<td value="1986"> </td>
			<td></ul></td>
		</tr>
		<tr>
			<td value="1987"> </td>
			<td><div class="guide-tip"></td>
		</tr>
		<tr>
			<td value="1988"> </td>
			<td><p></td>
		</tr>
		<tr>
			<td value="1989"> </td>
			<td><a href="<a href="<a href="https://obliview.co.kr/mypage?p=connectSNS" target="_blank" rel="noopener noreferrer">https://obliview.co.kr/mypage?p=connectSNS</a>" rel="noreferrer noopener" target="_blank">/mypage?p=connectSNS</a>">SNS 계정 연동</a>은 하셨나요?
</td>
		</tr>
		<tr>
			<td value="1990"> </td>
			<td>계정을 연동하지 않으면 캠페인 신청이 제한됩니다.</td>
		</tr>
		<tr>
			<td value="1991"> </td>
			<td></p></td>
		</tr>
		<tr>
			<td value="1992"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1993"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1994"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1995"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="1996"> </td>
			<td> </td>
		</tr>
		<tr>
			<td value="1997"> </td>
			<td><div class="item"></td>
		</tr>
		<tr>
			<td value="1998"> </td>
			<td><div class="image"></td>
		</tr>
		<tr>
			<td value="1999"> </td>
			<td><img src="<a href="<a href="https://obliview.co.kr/img/logo.png" target="_blank" rel="noopener noreferrer">https://obliview.co.kr/img/logo.png</a>" rel="noreferrer noopener" target="_blank">/img/logo.png</a>" alt="image"></td>
		</tr>
		<tr>
			<td value="2000"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2001"> </td>
			<td><div class="desc"></td>
		</tr>
		<tr>
			<td value="2002"> </td>
			<td><div class="title"></td>
		</tr>
		<tr>
			<td value="2003"> </td>
			<td><h4>리뷰어 선정</h4></td>
		</tr>
		<tr>
			<td value="2004"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2005"> </td>
			<td><div class="text"></td>
		</tr>
		<tr>
			<td value="2006"> </td>
			<td><ul></td>
		</tr>
		<tr>
			<td value="2007"> </td>
			<td><li></td>
		</tr>
		<tr>
			<td value="2008"> </td>
			<td>리뷰어로 선정되면 선정일 다음날 오전 11시에 문자메시지와 메일로 선정 알림이 발송됩니다
</td>
		</tr>
		<tr>
			<td value="2009"> </td>
			<td>[ 마이페이지] 🡢 선정된 캠페인에서 캠페인정보를 확인해주세요</td>
		</tr>
		<tr>
			<td value="2010"> </td>
			<td></li></td>
		</tr>
		<tr>
			<td value="2011"> </td>
			<td></ul></td>
		</tr>
		<tr>
			<td value="2012"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2013"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2014"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2015"> </td>
			<td> </td>
		</tr>
		<tr>
			<td value="2016"> </td>
			<td><div class="item"></td>
		</tr>
		<tr>
			<td value="2017"> </td>
			<td><div class="image"></td>
		</tr>
		<tr>
			<td value="2018"> </td>
			<td><img src="<a href="<a href="https://obliview.co.kr/img/logo.png" target="_blank" rel="noopener noreferrer">https://obliview.co.kr/img/logo.png</a>" rel="noreferrer noopener" target="_blank">/img/logo.png</a>" alt="image"></td>
		</tr>
		<tr>
			<td value="2019"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2020"> </td>
			<td><div class="desc"></td>
		</tr>
		<tr>
			<td value="2021"> </td>
			<td><div class="title"></td>
		</tr>
		<tr>
			<td value="2022"> </td>
			<td><h4>방문하기</h4></td>
		</tr>
		<tr>
			<td value="2023"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2024"> </td>
			<td><div class="text"></td>
		</tr>
		<tr>
			<td value="2025"> </td>
			<td><ul></td>
		</tr>
		<tr>
			<td value="2026"> </td>
			<td><li>리뷰가이드와 확정된 방문일정을 확인해주세요</li></td>
		</tr>
		<tr>
			<td value="2027"> </td>
			<td><li>리뷰 작성마감일은 방문예정일을 기준 7일 이후 날짜로 자동설정 됩니다
</td>
		</tr>
		<tr>
			<td value="2028"> </td>
			<td><span></td>
		</tr>
		<tr>
			<td value="2029"> </td>
			<td>( * 제출기간 연장이나, 방문 시간 조율, 취소 관련 문의 등</td>
		</tr>
		<tr>
			<td value="2030"> </td>
			<td>캠페인 상세페이지 내 담당자 연락처로 문의해주세요 )</td>
		</tr>
		<tr>
			<td value="2031"> </td>
			<td></span></td>
		</tr>
		<tr>
			<td value="2032"> </td>
			<td></li></td>
		</tr>
		<tr>
			<td value="2033"> </td>
			<td></ul></td>
		</tr>
		<tr>
			<td value="2034"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2035"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2036"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2037"> </td>
			<td> </td>
		</tr>
		<tr>
			<td value="2038"> </td>
			<td><div class="item"></td>
		</tr>
		<tr>
			<td value="2039"> </td>
			<td><div class="image"></td>
		</tr>
		<tr>
			<td value="2040"> </td>
			<td><img src="<a href="<a href="https://obliview.co.kr/img/logo.png" target="_blank" rel="noopener noreferrer">https://obliview.co.kr/img/logo.png</a>" rel="noreferrer noopener" target="_blank">/img/logo.png</a>" alt="image"></td>
		</tr>
		<tr>
			<td value="2041"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2042"> </td>
			<td><div class="desc"></td>
		</tr>
		<tr>
			<td value="2043"> </td>
			<td><div class="title"></td>
		</tr>
		<tr>
			<td value="2044"> </td>
			<td><h4>리뷰 작성하기</h4></td>
		</tr>
		<tr>
			<td value="2045"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2046"> </td>
			<td><div class="text"></td>
		</tr>
		<tr>
			<td value="2047"> </td>
			<td><ul></td>
		</tr>
		<tr>
			<td value="2048"> </td>
			<td><li>리뷰가이드에 기재된 내용을 참고하여 포스팅을 작성합니다</li></td>
		</tr>
		<tr>
			<td value="2049"> </td>
			<td><li>광고주님이 원하시는 내용이 누락되지 않게 주의 해주세요</li></td>
		</tr>
		<tr>
			<td value="2050"> </td>
			<td><li>대가성 문구 스폰서 배너 표기 필수 입력
</td>
		</tr>
		<tr>
			<td value="2051"> </td>
			<td><span></td>
		</tr>
		<tr>
			<td value="2052"> </td>
			<td>( 공정거래위원회 심사지침에 따라 대가성 여부가 필수로 표기되어야 합니다 )</td>
		</tr>
		<tr>
			<td value="2053"> </td>
			<td></span></td>
		</tr>
		<tr>
			<td value="2054"> </td>
			<td></li></td>
		</tr>
		<tr>
			<td value="2055"> </td>
			<td></ul></td>
		</tr>
		<tr>
			<td value="2056"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2057"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2058"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2059"> </td>
			<td> </td>
		</tr>
		<tr>
			<td value="2060"> </td>
			<td><div class="item"></td>
		</tr>
		<tr>
			<td value="2061"> </td>
			<td><div class="image"></td>
		</tr>
		<tr>
			<td value="2062"> </td>
			<td><img src="<a href="<a href="https://obliview.co.kr/img/logo.png" target="_blank" rel="noopener noreferrer">https://obliview.co.kr/img/logo.png</a>" rel="noreferrer noopener" target="_blank">/img/logo.png</a>" alt="image"></td>
		</tr>
		<tr>
			<td value="2063"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2064"> </td>
			<td><div class="desc"></td>
		</tr>
		<tr>
			<td value="2065"> </td>
			<td><div class="title"></td>
		</tr>
		<tr>
			<td value="2066"> </td>
			<td><h4>리뷰 제출하기</h4></td>
		</tr>
		<tr>
			<td value="2067"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2068"> </td>
			<td><div class="text"></td>
		</tr>
		<tr>
			<td value="2069"> </td>
			<td><ul></td>
		</tr>
		<tr>
			<td value="2070"> </td>
			<td><li>리뷰를 업로드하고, 리뷰 URL을 [마이페이지] 🡢 [선정 프로젝트] 🡢 [리뷰 제출하기] 버튼을 통해 제출해주세요</li></td>
		</tr>
		<tr>
			<td value="2071"> </td>
			<td><li>캡쳐 이미지나 문서 제출이 필요한 경우 파일 첨부 기능을 이용하세요</li></td>
		</tr>
		<tr>
			<td value="2072"> </td>
			<td></ul></td>
		</tr>
		<tr>
			<td value="2073"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2074"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2075"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2076"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2077"> </td>
			<td> </td>
		</tr>
		<tr>
			<td value="2078"> </td>
			<td><div class="popup-bottom-button"></td>
		</tr>
		<tr>
			<td value="2079"> </td>
			<td><button type="button" class="btn" onclick="location.href='/campaign'">캠페인 신청하러가기</button></td>
		</tr>
		<tr>
			<td value="2080"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2081"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="2082"> </td>
			<td></div></td>
		</tr>
	</tbody>
</table>

<p>

 

이용가이드 소스는 이렇게 되어 있습니다.

</p>

<table>
	<tbody>
		<tr>
			<td><p>리뷰가 좋은이유 이용가이드</p></td>
		</tr>
		<tr>
			<td value="787"> </td>
			<td></li></td>
		</tr>
		<tr>
			<td value="788"> </td>
			<td><li role="presentation" class=""></td>
		</tr>
		<tr>
			<td value="789"> </td>
			<td><div class="thumb"></td>
		</tr>
		<tr>
			<td value="790"> </td>
			<td><div class="img"></td>
		</tr>
		<tr>
			<td value="791"> </td>
			<td><img</td>
		</tr>
		<tr>
			<td value="792"> </td>
			<td>src="<a href="<a href="https://xn--6j1b81kvyd.com/skin/adblog/html/theme/rp/img/main-sum02.jpg" target="_blank" rel="noopener noreferrer">https://xn--6j1b81kvyd.com/skin/adblog/html/theme/rp/img/main-sum02.jpg</a>" rel="noreferrer noopener" target="_blank">skin/adblog/html/theme/rp/img/main-sum02.jpg</a>"</td>
		</tr>
		<tr>
			<td value="793"> </td>
			<td>alt=""</td>
		</tr>
		<tr>
			<td value="794"> </td>
			<td>/></td>
		</tr>
		<tr>
			<td value="795"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="796"> </td>
			<td><div class="thumb_line"></td>
		</tr>
		<tr>
			<td value="797"> </td>
			<td><svg width="100%" height="100%"></td>
		</tr>
		<tr>
			<td value="798"> </td>
			<td><rect</td>
		</tr>
		<tr>
			<td value="799"> </td>
			<td>x="0"</td>
		</tr>
		<tr>
			<td value="800"> </td>
			<td>y="0"</td>
		</tr>
		<tr>
			<td value="801"> </td>
			<td>rx="8"</td>
		</tr>
		<tr>
			<td value="802"> </td>
			<td>ry="8"</td>
		</tr>
		<tr>
			<td value="803"> </td>
			<td>width="100%"</td>
		</tr>
		<tr>
			<td value="804"> </td>
			<td>height="100%"</td>
		</tr>
		<tr>
			<td value="805"> </td>
			<td>></rect></td>
		</tr>
		<tr>
			<td value="806"> </td>
			<td></svg></td>
		</tr>
		<tr>
			<td value="807"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="808"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="809"> </td>
			<td><p>위젯달면, 선물이 팡 팡 !</p></td>
		</tr>
		<tr>
			<td value="810"> </td>
			<td></li></td>
		</tr>
		<tr>
			<td value="811"> </td>
			<td><li role="presentation" class=""></td>
		</tr>
		<tr>
			<td value="812"> </td>
			<td><div class="thumb"></td>
		</tr>
		<tr>
			<td value="813"> </td>
			<td><div class="img"></td>
		</tr>
		<tr>
			<td value="814"> </td>
			<td><img</td>
		</tr>
		<tr>
			<td value="815"> </td>
			<td>src="<a href="<a href="https://xn--6j1b81kvyd.com/skin/adblog/html/theme/rp/img/main-sum03.jpg" target="_blank" rel="noopener noreferrer">https://xn--6j1b81kvyd.com/skin/adblog/html/theme/rp/img/main-sum03.jpg</a>" rel="noreferrer noopener" target="_blank">skin/adblog/html/theme/rp/img/main-sum03.jpg</a>"</td>
		</tr>
		<tr>
			<td value="816"> </td>
			<td>alt=""</td>
		</tr>
		<tr>
			<td value="817"> </td>
			<td>/></td>
		</tr>
		<tr>
			<td value="818"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="819"> </td>
			<td><div class="thumb_line"></td>
		</tr>
		<tr>
			<td value="820"> </td>
			<td><svg width="100%" height="100%"></td>
		</tr>
		<tr>
			<td value="821"> </td>
			<td><rect</td>
		</tr>
		<tr>
			<td value="822"> </td>
			<td>x="0"</td>
		</tr>
		<tr>
			<td value="823"> </td>
			<td>y="0"</td>
		</tr>
		<tr>
			<td value="824"> </td>
			<td>rx="8"</td>
		</tr>
		<tr>
			<td value="825"> </td>
			<td>ry="8"</td>
		</tr>
		<tr>
			<td value="826"> </td>
			<td>width="100%"</td>
		</tr>
		<tr>
			<td value="827"> </td>
			<td>height="100%"</td>
		</tr>
		<tr>
			<td value="828"> </td>
			<td>></rect></td>
		</tr>
		<tr>
			<td value="829"> </td>
			<td></svg></td>
		</tr>
		<tr>
			<td value="830"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="831"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="832"> </td>
			<td><p>광고주 정회원 신청하기</p></td>
		</tr>
		<tr>
			<td value="833"> </td>
			<td></li></td>
		</tr>
		<tr>
			<td value="834"> </td>
			<td></ul></td>
		</tr>
		<tr>
			<td value="835"> </td>
			<td></div></td>
		</tr>
		<tr>
			<td value="836"> </td>
			<td></div></td>
		</tr>
	</tbody>
</table>

<p> </p>

<p>

#php
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
애

어떻게 적용하고 싶은지 두서가 없고

소스는 개판입니다. 소스 정리부터 하세요.

 

이렇게 대충 올리면 누가 도와주고 싶을까요...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웹

다음을 참고하셔서 원하시는 형식으로 가공하시면 가능하지 않을까 합니다.

</p>

<p><!DOCTYPE html>

<html lang="ko">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>사이트 메인화면</title>

    <!-- 여기에 CSS 링크 추가 -->

    <style>

        /* 여기에 CSS 스타일 추가 */

    </style>

</head>

<body>

    <!-- 메인화면 배너 등의 HTML 코드 --></p>

<p>    <!-- 이용가이드 팝업 -->

    <template id="guidePopup">

        <!-- 이용가이드에 해당하는 HTML 소스 추가 -->

        <!-- 예시로 주어진 소스를 여기에 추가 -->

    </template></p>

<p>    <ul>

        <!-- 메뉴 항목들 -->

        <li><a href="#" id="guideLink">이용가이드</a></li>

        <!-- 다른 메뉴 항목들도 추가할 수 있음 -->

    </ul></p>

<p>    <!-- 여기에 JavaScript 추가 -->

    <script>

        // 이용가이드를 클릭할 때 팝업을 띄우는 이벤트 처리

        document.getElementById('guideLink').addEventListener('click', function() {

            // 이용가이드 팝업을 가져와서 화면에 표시

            var guidePopupTemplate = document.getElementById('guidePopup');

            var guidePopup = document.importNode(guidePopupTemplate.content, true);

            document.body.appendChild(guidePopup);

        });

    </script>

</body>

</html></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인