안녕하세요 !! 레이아웃 구매해서 잘쓰고있습니다만 질문이생겨서 질문드립니다.
1)
서브페이지적용하고 옆에
공지사항위에 메뉴들이 뜨게 해두었습니다.
서브메뉴들만 나오는듯한데 천제 메뉴들을 나오게하고싶은데 가능할까요?
2) 두번재
구글광고를 양쪽 사이들에 따라다리는 배너를 삽입하고자하는데
가능할까요??
날씨가 추운데 감기 조심하시고
답변 주시면 감사드리겠습니다.!!
안녕하세요 !! 레이아웃 구매해서 잘쓰고있습니다만 질문이생겨서 질문드립니다.
1)
서브페이지적용하고 옆에
공지사항위에 메뉴들이 뜨게 해두었습니다.
서브메뉴들만 나오는듯한데 천제 메뉴들을 나오게하고싶은데 가능할까요?
2) 두번재
구글광고를 양쪽 사이들에 따라다리는 배너를 삽입하고자하는데
가능할까요??
날씨가 추운데 감기 조심하시고
답변 주시면 감사드리겠습니다.!!
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | [필독] 문의 글을 올리시기 전에 꼭 읽어주세요 | kangbangzang | 2017.09.21 | 33 |
공지 | 문의 확인 후 답변 드립니다. | luna270 | 2016.10.14 | 30 |
공지 | 라이센스와 환불 | kangbangzang | 2016.07.28 | 25 |
17 | 문의는 통합 쇼핑몰 SERVICE 게시판에 남겨 주세요. | kangbangzang | 2018.01.28 | 72 |
16 | 안녕하세요 1 | 재영 | 2018.01.24 | 2 |
15 | 메인팝업 문의드립니다. 1 | 재영 | 2017.02.09 | 151 |
14 | 스킨관련 문의 합니다.. 1 | 오룐 | 2017.02.08 | 153 |
13 | 로그인이 되지 않습니다.. 3 | 강태원 | 2017.01.12 | 61 |
12 | 게시글에 동영상 업로드를 어떻게하는지 알 수 있을까요? 1 | 강태원 | 2017.01.10 | 46 |
11 | 궁금한 점이 있습니다. 1 | 강태원 | 2017.01.04 | 36 |
10 | 위젯문제 9 | 강태원 | 2017.01.03 | 50 |
9 | '설치 된 위젯' 콜렉터 위젯이 나오지 않습니다. 5 | 강태원 | 2017.01.03 | 44 |
8 | 레이아웃 구성품목이 부족합니다. 2 | 강태원 | 2016.12.30 | 50 |
7 | 로그인 오류 문제 1 | 재영 | 2016.12.26 | 63 |
6 | 안녕하세요 레이아웃 구입하였는데 질문좀드립니다. 1 | 콜렉션 | 2016.11.24 | 53 |
5 | 질문좀 드립니다. 3 | 재영 | 2016.11.21 | 55 |
» | 안녕하세요 질문 남깁니다. 2 | 킹갓메슥 | 2016.11.12 | 55 |
3 | 안녕하세요 레이아웃 구매 했는데 몇가지 질문드립니다. 3 | 킹갓메슥 | 2016.11.01 | 69 |
2 | 스킨 문의요 1 | 릭키 | 2016.10.19 | 61 |
1 | 문의 | luna270 | 2016.10.14 | 40 |
컬렉터 레이아웃에서는 지원하지 않는 기능입니다.
두가지 기능을 구현하시려면 소스를 추가 수정하여 가능은 합니다만
별도로 의뢰를 하셔야 하는 부분입니다.
그러나 방법을 알려드리자면...
(맨 밑 이미지는 적용된 예 입니다.)
1) 사이드바 전체 메뉴
주석 처리된 사이드바 메뉴를 찾으셔서 사이드바 메뉴 전체를 아래 코드로 대체합니다.
그리고 css를 추가합니다.
<!-- 사이드바 메뉴-->
<div class="lnb_wrap">
<ul class="nav navbar-nav2" style="margin:30px 0; border:1px solid #eaeaea;">
<block loop="$main_menu->list=>$key1,$val1" cond="$val1['text']">
<!--@if($val1['link']!="||||")-->
<li class="<!--@if($val1['list'])-->dropdown <!--@end--><!--@if($val1['selected'])-->active<!--@end-->"|cond="$val1['list'] || $val1['selected']" style="border-bottom:1px solid #eaeaea;">
<a href="{$val1['href']}"<!--@if($val1['list'])--> class="dropdown-toggle" data-toggle="dropdown" <!--@end--> target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}
<!--@if($val1['list'])--> <span class="caret pull-right" style="margin-top:8px;"></span><!--@end--></a>
<ul cond="$val1['list']" class="dropdown-menu">
<block loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
<!--@if(strpos($val2['href'],'dropdown-header')!== false)-->
<li class="dropdown-header">{$val2['link']}</li>
<!--@elseif($val2['link']!="----")-->
<li class="<!--@if($val2['list'])-->dropdown-submenu <!--@end--><!--@if($val2['selected'])-->active<!--@end-->"|cond="$val2['list'] || $val2['selected']">
<a tabindex="-1" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}
<!--@if($val2['list'])--> <span class="caret"></span><!--@end--></a>
<!-- 3차메뉴 시작-->
<ul class="main depth3" cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']">
{@
$depth3 = explode('-', $val3['link']);
trim($depth3[0]);
trim($depth3[1]);
}
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$depth3[0]}</a>
</li>
</ul>
<!-- // 3차메뉴 종료-->
</li>
<!--@else-->
<li class="divider"></li>
<!--@end-->
</block>
</ul>
</li>
<!--@else-->
<li class="divider"></li>
<!--@end-->
</block>
</ul>
</div>
<!-- //사이드바 메뉴 종료-->
아래 css 추가
.navbar-nav2 li a {
color:#222222;
}
.navbar-nav2 {
border-bottom:none !important;
}
.navbar-nav2 li a:hover,.navbar-nav2 > li.active > a:visited {
color:#F05F40;
}
2) 양쪽 따라다니는 광고
바디<body> 태그 밑에 아래 코드를 삽입하시고 css와 script를 추가합니다.
이 광고는 컬렉터 레이아웃이 반응형이고 양 옆 공간이 넓지않아 화면이 작으면 광고가 콘텐츠를 가리게 됩니다.
큰화면에서만 가능하게 하시던지 작은 화면에서는 사라지게 반응형 처리하시는게 좋겠습니다.
<div class="coll_quickmenu">
<ul>
<li><a href="#"><img src="http://imgjungle.jungle.co.kr/ads/0218_jobevent_140x180.jpg" alt="" /></a></li>
<li><a href="#"><img src="http://imgjungle.jungle.co.kr/ads/0218_jobevent_140x180.jpg" alt="" /></a></li>
</ul>
</div>
<div class="coll_quickmenu right">
<ul>
<li><a href="#"><img src="http://imgjungle.jungle.co.kr/ads/0218_jobevent_140x180.jpg" alt="" /></a></li>
<li><a href="#"><img src="http://imgjungle.jungle.co.kr/ads/0218_jobevent_140x180.jpg" alt="" /></a></li>
</ul>
</div>
css 추가
.coll_quickmenu {
position: absolute;
top:0;
left:;
padding: 15px 15px;
z-index:999;
}
.coll_quickmenu.right {
position: absolute;
top:0;
right:0;
padding: 15px 15px;
z-index:999;
}
.coll_quickmenu ul li {
list-style: none;
margin-bottom: 15px;
}
html 맨 밑에 추가
<!-- 사이드 퀵메뉴 javascript 시작 -->
<script>
(function($){
jQuery(document).ready(function(){
$(window).scroll(function(){
var scTop=$(this).scrollTop();
$(".coll_quickmenu").stop().animate({top:scTop+40+"px"}, 500);
});
});
})(jQuery);
</script>
<!-- 사이드 퀵메뉴 javascript 종료 -->