https://www.designesia.com/themes/modis/index-3.html
위의 반응형테마 소스를 보고 연습중인데, 로고에 메인으로 가는 링크를 걸고 싶어서요.
크롬 개발자도구를 보면 소스가
<li class="logo_pos">
<img class="c_logo_light" src="images/logo.png" style="margin-top: -15px;">
<img class="c_logo_dark" src="images/logo_light.png" style="margin-top: -15px;">
</li>
이렇게 나오는데요.
해당 페이지에 보면 class="logo_pos" 로 되어있는 부분 자체가 없네요.
메인로고에 링크를 거는 방법이 있을까요?
스타일시트에 가서 .logo_pos 로 검색해 보면
header.header_center .logo_pos img{
margin:-15px 40px 0 40px;
}
이런 부분이 있기는 한데요.
그외의 부분은 찾을 수가 없네요.
위의 소스에서 메인로고에 링크를 걸 수 있는 방법을 알 수 있을까요?
답변 6개 / 댓글 5개
https://www.designesia.com/themes/modis/js/designesia.js
7번째 줄부터 제이쿼리로 표기되어있네요.
212번 째줄에 <a> 태그삽입하시면되실것같아요
답변에 대한 댓글 2개
<li></li>
<li></li>
<li></li>
<li></li>
<li class="logo_pos">
<img class="c_logo_light" src="images/logo.png" style="margin-top: -15px;">
<img class="c_logo_dark" src="images/logo_light.png" style="margin-top: -15px;">
</li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
변수로 되어있다거나 뭐 php로 넣었다거나 그럴수도있고
클래스명은 아니까
정 코드를 못찾겠으면
자바스크립트나 제이쿼리 클릭이벤트로 넘겨도되긴함
$(".logo_pos").on('click', ~~~
location.href(<?php echo G5_URL?>);
뭐 이런식으로
소스보기 하면
| <!-- logo begin --> | |
| <div id="logo"> | |
| <a href="index.html"> | |
| <img class="logo logo_dark_bg" src="images/logo.png" alt=""> | |
| <img class="logo logo_light_bg" src="images/logo_light.png" alt=""> | |
| </a> | |
| </div> | |
| <!-- logo close --> |
부분 있네요
a tag 넣으세요
답변을 작성하려면 로그인이 필요합니다.