묻고답하기

  2. Support
  3. 묻고답하기

슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다

2018.12.31 06:59

BEO

98edddea3f1229831ac5d750f4c718a0.png

 

찾아보니

헤더 인덱스 값을 바디 인덱스 값보다 더 높이라고  많은 분들이 말슴 하셧는데요 어디를 수정해야 할지 모르겠어요 ㅠㅠ

그리고 인터넷창을 홈페이지 보다 작게 만들면 레이아웃에 있던 위젯들을 다깨지는데 이것도 안깨지고 그냥 홈페이지 일부만 보일수있게 변경하는 법도 부탁드립니다 

스케치북5 레이아웃이구요  HTML/CSS 올려볼게요 ㅠㅠ

고수님들 부탁드립니다 

 

<!--@if(!$layout_info->no_mobile && !$_COOKIE['fakeM'])-->

{@Context::addHtmlHeader('<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />')}

<!--@end-->

 

<!--@if(class_exists(Mobile) && Mobile::isFromMobilePhone())-->

<load cond="__DEBUG__" target="../../common/js/jquery.js" usecdn="true" index="-100006" />

<load cond="!__DEBUG__" target="../../common/js/jquery.min.js" usecdn="true" index="-100006" />

<!--@end-->

 

<load target="css/layout.css" />

<load cond="$layout_info->colorset=='black'" target="css/black.css" />

<load target="js/layout.js" type="body" />

 

<block cond="!$layout_info->colorset">{@$layout_info->colorset = 'white'}</block>

<block cond="!$layout_info->frame">{@$layout_info->frame = 'ece'}</block>

<block cond="!$layout_info->bg_align">{@$layout_info->bg_align = 'center'}</block>

<block cond="!$layout_info->bg_repeat">{@$layout_info->bg_repeat = 'no-repeat'}</block>

<block cond="$_COOKIE['layout_font']">{@$layout_info->font = $_COOKIE['layout_font']}</block>

 

{@Context::addBodyClass($layout_info->colorset)}

 

<!--// 메인 메뉴 색상 순서 변경 (원하시는 순서로 배열하세요) -->

{@$_colorset_list = array('lightsky','orange','sky','green','lightpink','red','yellow','blue','purple','pink','greenyellow','deeppink')}

 

<!--@if($lang_type=='ko')-->

{@

$lang->signup = '가입하기';

$lang->profile = '내 정보';

$lang->best_font_dsc = '나눔고딕 등의 여러폰트를 섞어서 사용합니다';

$lang->best_font = '추천글꼴';

$lang->window_font = '맑은고딕';

$lang->tahoma = '돋움';

$lang->pc = 'PC버전으로 보기';

$lang->social = '소셜';

}

<!--@else-->

{@

$lang->signup = 'Sign Up';

$lang->profile = 'Profile';

$lang->best_font_dsc = 'Use different fonts';

$lang->best_font = 'Suitable';

$lang->window_font = 'Segoe UI';

$lang->tahoma = 'Tahoma';

if($lang_type=='jp') $lang->window_font = 'メイリオ';

$lang->pc = 'PC';

$lang->social = 'Social';

}

<!--@end-->

 

<style type="text/css">

body,input,textarea,select,button,table{font-family:<!--@if($layout_info->font=='ng')-->'나눔고딕',NanumGothic,ng,<!--@elseif($layout_info->font=='window_font')-->'Segoe UI',Meiryo,'맑은 고딕','Malgun Gothic',<!--@elseif($layout_info->font=='tahoma')-->Tahoma,'돋움',Dotum,<!--@end-->'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif}

<block cond="$layout_info->bg">

body{background-image:url({$layout_info->bg});background-position:top {$layout_info->bg_align};background-repeat:{$layout_info->bg_repeat};}

</block>

#xe{max-width:{$layout_info->xe_width}px}

#hd .hgroup{text-align:{$layout_info->logo_align};}

#hd h1 .home{top:{$layout_info->img_y}px;left:{$layout_info->img_x}px}

<block cond="$layout_info->hd_height">

#hd .hgroup{height:{$layout_info->hd_height-38}px}

#hd h1{padding-top:{($layout_info->hd_height-38)/2-19}px}

</block>

<block cond="!$layout_info->no_mobile">

.xe_mobile{display:none}

</block>

</style>

 

<!--// XHTML -->

<div id="xe" class="{$layout_info->frame} {$layout_info->reverse}">

<div cond="!$layout_info->notice && $XE_VALIDATOR_MESSAGE" id="layout_notice" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">

<p>{$XE_VALIDATOR_MESSAGE}</p>

</div>

<!--// 헤더 -->

<div id="hd" class="clear"> <a href="#content" class="skipToContent" onclick="jQuery('#content a:first').focus();return false">Skip to content</a>

 

<a href="http://...cafe24.com/index.php?module=lottery" onclick="popopen(this.href); return false">포인트복권</a>

<!--// 상단 우측 메뉴 -->

<ul id="top_mn"> 

<!--// 글꼴 버튼 -->

<li cond="$layout_info->font_btn" id="font_wrp" class="item">

<a id="font_btn" class="tg_btn" href="#font"><b>T</b><strong><!--@if($layout_info->font=='ng')-->나눔고딕<!--@elseif($layout_info->font=='window_font')-->{$lang->window_font}<!--@elseif($layout_info->font=='tahoma')-->{$lang->tahoma}<!--@else-->{$lang->best_font}<!--@end--></strong><span class="arrow down"></span></a>

<div id="font" class="tg_cnt"><button type="button" class="tg_blur"></button>

<ul>

<li class="ui_font<!--@if(!$layout_info->font)--> on<!--@end-->"><a href="#" title="{$lang->best_font_dsc}">{$lang->best_font}</a><em>✔</em></li>

<li class="ng<!--@if($layout_info->font=='ng')--> on<!--@end-->"><a href="#popup_menu_area">나눔고딕</a><em>✔</em></li>

<li class="window_font<!--@if($layout_info->font=='window_font')--> on<!--@end-->"><a href="#">{$lang->window_font}</a><em>✔</em></li>

<li class="tahoma<!--@if($layout_info->font=='tahoma')--> on<!--@end-->"><a href="#">{$lang->tahoma}</a><em>✔</em></li>

</ul><button type="button" class="tg_blur"></button>

</div>

</li>

<!--// 모바일 검색창, 사이트맵 버튼 -->

<li class="item m_yes_inline">

<a href="#site_srch" id="tg_site_srch" class="tg_btn"><strong>{$lang->cmd_search}</strong></a>

</li>

<!--// 로그인 -->

<li cond="!$is_logged" class="item">

<a href="#site_login" class="tg_btn"><strong>{$lang->cmd_login}</strong></a>

<div id="site_login" class="tg_cnt">

<include target="login.html" />

</div>

</li>

<li class="item">

<a cond="$is_logged" href="{getUrl('act','dispMemberLogout')}" class="login_btn"><strong>{$lang->cmd_logout}</strong></a>

<a cond="!$is_logged" href="{getUrl('act','dispMemberSignUpForm')}" class="login_btn">{$lang->signup}</a>

</li>

<!--// 프로필 -->

<li cond="$is_logged" class="item">

<a href="#profile" class="tg_btn">{$lang->profile}</a>

<div id="profile" class="tg_cnt"><button type="button" class="tg_blur"></button><button type="button" class="tg_close" title="Close this layer">X</button>

<h2>{$logged_info->nick_name}</h2>

<ul>

<li loop="$logged_info->menu_list=>$key, $val"><a href="{getUrl('act',$key,'member_srl','')}">{Context::getLang($val)}</a></li>

</ul><button type="button" class="tg_blur"></button>

</div>

</li>

<!--// 언어 -->

<li class="item">

<a href="#lang" class="tg_btn">{$lang_supported[$lang_type]}</a>

<div id="lang" class="tg_cnt"><button type="button" class="tg_blur"></button>

<ul>

<li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type"><a href="#" onclick="doChangeLangType('{$key}');return false">{$val}</a></li>

</ul><button type="button" class="tg_blur"></button>

</div>

</li>

</ul>

<!--// 메인로고 -->

<div class="hgroup ui_font">

<h1>

<a loop="$main_menu->list=>$key1,$val1" cond="!$layout_info->use_color && $val1['selected']" href="{$val1['href']}" class="on {@$_idx = 35}<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['selected'])-->{$_colorset_list[$_idx]}<!--@endif-->{@$_idx++}<!--@end-->">{$val1['link']}</a>

<a href="<!--@if($layout_info->index_url)-->{$layout_info->index_url}<!--@else-->{getUrl('')}<!--@end-->" class="home" style="position:relative;top:{$layout_info->img_y}px;left:{$layout_info->img_x}px"><img cond="$layout_info->logo_image" class="m_no_inline"|cond="$layout_info->logo_image_mobile" src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}" /><img cond="$layout_info->logo_image_mobile" src="{$layout_info->logo_image_mobile}" class="m_yes_inline" alt="{$layout_info->logo_text}" /><block cond="!$layout_info->logo_image">{$layout_info->logo_text}</block></a>

</h1>

</div>

<!--// 중간메뉴 -->

<ul id="mid_mn" class="fr">

<li loop="$middle_menu->list=>$key,$val" cond="$val['link']"><a href="{$val['href']}" class="on"|cond="$val['selected']" target="_blank"|cond="$val['open_window']=='Y'">{$val['link']}</a></li>

<li cond="$grant->manager"><a href="{getUrl('','module','admin')}" target="_blank">Admin</a></li>

</ul>

<!--// 메인 메뉴 영역 -->

<div id="gnb_wrp" class="clear">

 

<!-- GNB -->

<ul id="gnb" class="ui_font">

{@$_idx = 0}

<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']" class="li1<!--@if($_idx > 3)--> m_li1_tg<!--@end-->">

<a class="a1 {$_colorset_list[$_idx]}<!--@if($val1['selected'])--> on<!--@end-->" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

<block cond="$val1['list']">

<button type="button" class="tg_ul2 m_yes_inline"><strong>−</strong><span>+</span></button>

<ul class="ul2">

<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="li2<!--@if($val2['selected'])--> on<!--@end-->">

<a class="a2" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}<b cond="$val2['list']">+</b></a>

<ul cond="$val2['list']" class="ul3">

<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']"><a class="a3<!--@if($val3['selected'])--> on<!--@end-->" href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>

</ul>

</li>

<li><button type="button" class="close_ul2 m_yes">{$lang->cmd_close}</button></li>

</ul>

</block>

{@$_idx++}

</li>

</ul>

<div cond="$_idx > 4" id="gnb_next" class="m_yes"><button type="button"><strong></strong><span></span></button>

<style type="text/css">

@media screen and (max-width:533px){

#gnb_wrp{padding-right:10px}

}

</style>

</div>

</div>

</div>

 

<!--// 프로모션 영역 -->

<div cond="$layout_info->promotion" id="promotion" class="clear"> {$layout_info->promotion} </div>

 

 

 

<!--// 컨테이너 -->

<div id="container" class="clear">

<!--// 좌측 메뉴 영역 -->

<div cond="$layout_info->frame=='ec' || $layout_info->frame=='ece'" id="snb">

<!--// 히든 로고 -->

<div id="hidden_logo"><a href="{$layout_info->hiddenLogo_url}"><strong cond="!$layout_info->hidden_logo" class="ui_font">Home</strong><img cond="$layout_info->hidden_logo" src="{$layout_info->hidden_logo}" alt="Logo" /></a></div>

<!--// LNB(2차 메뉴) -->

<ul loop="$main_menu->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']" id="lnb" class="ui_font clear">

<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">

<a class="lnb_2nd<!--@if($val2['selected'])--> on<!--@end-->" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>

<ul cond="$val2['list']">

<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']"><a class="lnb_3rd<!--@if($val3['selected'])--> on<!--@end-->" href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a>

</li>

</ul>

</li>

</ul>

<!--// 스크롤 버튼 -->

<div id="page_move">

<a class="back_to" href="#hd" onclick="return false" title="{$lang->cmd_move_up}"></a>

<a class="back_to" href="#ft" onclick="return false" title="{$lang->cmd_move_down}"></a>

</div>

</div>

 

<!--// 컨텐트 영역 -->

<div id="content" style="max-width:{$layout_info->content_width}px"|cond="$layout_info->frame=='ce' || $layout_info->frame=='ece'"><div id="gap"> {$content} </div></div>

 

<!--// 위젯 영역 (*위젯을 넣으시려면 <div class="section">위젯코드</div> 영역 안에 코드를 넣어서 사용하세요.) -->

<div cond="$layout_info->frame=='ce' || $layout_info->frame=='ece'" id="aside">

<div cond="$layout_info->calendar=='Y'" class="section calendar">

<object type="application/x-shockwave-flash" data="http://www.uniqlo.com/calendar/swf/uqcal_bp_loader.swf?cID=KR&aID=SEO" width="160" height="320" style="border:1px solid #DDD">

<param name="movie" value="http://www.uniqlo.com/calendar/swf/uqcal_bp_loader.swf?cID=KR&aID=SEO" />

<param name="wmode" value="opaque" />

</object>

</div>

<div cond="$layout_info->clock=='Y'" class="section clock">

<object type="application/x-shockwave-flash" data="layouts/sketchbook5/clock.swf" width="200" height="200">

<param name="movie" value="layouts/sketchbook5/clock.swf" />

<param name="wmode" value="transparent" />

</object>

</div>

<!--// 상단 커스텀 위젯 영역 -->

{$layout_info->custom1_wgt}

<!--// 카테고리 -->

<div cond="!$layout_info->category && $module_info->use_category=='Y'" class="section category">

<h2><a href="{getUrl('category','','page','','document_srl','')}">This Category</a><b></b></h2>

<div id="category" class="tNav">

{@ $pDepth = 0;}

<ul>

<block loop="$category_list=>$key,$val">

<block cond="$pDepth > $val->depth">

<block loop="$i=$val->depth; $i<$pDepth; $i++">

</ul>

</li>

</block>

{@ $pDepth = $val->depth}

</block>

<li class="<!--@if($category==$val->category_srl)-->active<!--@end--><!--@if($val->expand)--> open<!--@end-->">

<a href="{getUrl('document_srl','','category',$val->category_srl)}">{$val->text} <small>({$val->document_count})</small></a>

<block cond="$val->child_count">

{@$pDepth++}

<ul>

</block>

<block cond="!$val->child_count">

</li>

</block>

</block><!--//loop-->

<block loop="$i=0;$i<$pDepth;$i++">

</ul>

</block>

</li>

</ul>

</div>

</div>

<!--// 최근글 위젯 -->

<div cond="$layout_info->d_wgt" class="section doc">

<h2>Recent Articles<b></b></h2>

<img class="zbxe_widget_output" widget="content" skin="default" content_type="document" module_srls="{$layout_info->d_wgt}" list_type="normal" markup_type="list" page_count="2" option_view="title,regdate,nickname" order_type="desc" subject_cut_size="40" />

</div>

<!--// 커멘트 위젯 -->

<div cond="$layout_info->c_wgt" class="section cmt">

<h2>Recent Comment<b></b></h2>

<img class="zbxe_widget_output" widget="content" skin="default" content_type="comment" module_srls="{$layout_info->c_wgt}" list_type="normal" markup_type="list" page_count="2" option_view="title,regdate,nickname" order_type="desc" subject_cut_size="40" />

</div>

<!--// 태그 위젯 -->

<div cond="$layout_info->t_wgt" class="section tag">

<h2>Recent Tag<b></b></h2>

<img class="zbxe_widget_output" widget="tag_list" skin="default" list_count="30" module_srls="{$layout_info->t_wgt}" />

</div>

<!--// 하단 커스텀 위젯 영역 -->

{$layout_info->custom2_wgt}

</div>

</div>

 

<!--// 푸터 -->

<div id="ft" class="ui_font clear">

<!--// 하단 메뉴 -->

<ul cond="$bottom_menu->list || Mobile::isMobileCheckByAgent()" id="btm_mn">

<li><a href="{getUrl()}"><strong>Home</strong></a></li>

<li loop="$bottom_menu->list=>$key,$val" cond="$val['link']"><a href="{$val['href']}" target="_blank"|cond="$val['open_window']=='Y'">{$val['link']}</a></li>

<li class="m_yes_inline"><a href="{getUrl('act','dispMenuMenu','menu_srl',$layout_info->menu->main_menu->menu_srl)}"><strong>{$lang->cmd_view_all}</strong></a></li>

<li class="m_yes_inline"><a href="#"><strong> {$lang->cmd_move_up}</strong></a></li>

</ul>

<p cond="$layout_info->address" id="address">{$layout_info->address}</p>

<p id="maker"><!--@if($layout_info->maker)-->{$layout_info->maker}<!--@else--><a href="http://www.xpressengine.com/" target="_blank">Powered by <strong>X</strong>press <strong>E</strong>ngine</a> / <a href="http://sketchbooks.co.kr/" target="_blank">Designed by Sketchbook</a><!--@end--></p>

</div>

</div>

 

<!--// 나눔고딕 -->

<div style="position:absolute;top:-999px;left:-999px;visibility:hidden;font-size:72px">

<p id="fontcheck_ng1" style="float:left;font-family:'나눔고딕',NanumGothic,monospace,Verdana !important">sketchbook5, 스케치북5</p>

<p id="fontcheck_ng2" style="float:left;font-family:monospace,Verdana !important">sketchbook5, 스케치북5</p>

</div>

<div cond="!$layout_info->layout_font" id="install_ng"><button type="button" class="tg_blur"></button><button class="tg_close">X</button>

<h3>나눔글꼴 설치 안내</h3><br />

<h4>이 PC에는 <b>나눔글꼴</b>이 설치되어 있지 않습니다.</h4>

<p>이 사이트를 <b>나눔글꼴</b>로 보기 위해서는<br /><b>나눔글꼴</b>을 설치해야 합니다.</p>

<a class="do" href="http://hangeul.naver.com" target="_blank">설치</a>

<a class="cancle close" href="#">취소</a><button type="button" class="tg_blur"></button>

</div>

 

<!--@if(Mobile::isMobileCheckByAgent())-->

<div>

<a cond="!$_COOKIE['fakeM']" class="m_yes" id="fakeM0" href="{getUrl('m',0)}">{$lang->pc}</a>

<a cond="$_COOKIE['fakeM'] && !$layout_info->no_mobile" id="fakeM1" href="{getUrl('m',1)}">{$lang->msg_pc_to_mobile}</a>

</div>

<style type="text/css">

#page_move{display:none}

</style>

<!--@else-->

<script cond="$layout_info->static!='Y'" type="text/javascript">

jQuery(function($){

$('#lnb').css({position:'fixed'});

$(window).scroll(function(){

if($(this).scrollTop() > $('#hd').height()-33) {

$('#hd').css('paddingTop',36).find('#gnb_wrp').css({position:'fixed',top:0,width:$('#xe').width()});

$('#hidden_logo:hidden').fadeIn();

} else {

$('#hd').css('paddingTop',0).find('#gnb_wrp').css({position:'static',width:'auto'});

$('#hidden_logo').hide();

};

});

});

</script>

<!--@end-->

<script cond="!$layout_info->no_mobile" type="text/javascript">

jQuery(function($){

$('#fakeM0').click(function(){

$.cookie('fakeM',true)

});

$('#fakeM1').click(function(){

$.cookie('fakeM',null)

});

});

</script>

 

 

태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/04/02] 묻고답하기 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ by 소라db952 *2
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/03/18] 포럼 XE 레이아웃 제작 일주일 코스 by 이온디
, , , , , 이 게시물을
Profile
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
가츠 머티어리얼 XE 레이아웃 문제점 질문요.  
칠월 스팸회원 전체 삭제- 혹은 회원정보 제외하고 게시글만 백업 하는 방법이 있을까요? [1] 2019.03.24 by EDragon
incation 아 왜 이렇게 잘 안됨? [1] 2019.03.24 by EDragon
미주 모바일에서 링크한 트위터 출력 방법  
lun**** 레이아웃에서 게시판 썸네일 출력하기 [6] 2019.03.23 by lun****
BarryWhite XE 모바일 게시판 스킨 색상 변경, 어떻게 하죠? [2] 2019.03.23 by BarryWhite
피피 팝업 오프너를 이용한 팝업창 띄우기  
서리 게시판에서 관리자가 버튼 클릭해서 회원 승급 하기 [1] 2019.03.22 by DoorWeb
rokmcc**** 로그인 에러가 뜨네요.. [3] 2019.03.22 by rokmcc****
쉐파리 네이버 웹마스터도구 rss제출 [5] 2019.03.21 by 쉐파리
마천소사 FTP 최상위에 내용물 직접 넣어도 되나요 [2] file 2019.03.20 by 마천소사
개발자티케 관리자페이지 메뉴 오류  
Saivian777.com 메인페이지 문제 돌아버리겠네요... ㅠ 제발 도움좀요 ㅠ [4] file 2019.03.20 by 칼로리제로
fwia 위젯 수정시 "잘못된 요청"이라고 나옵니다. file  
rail_man XE에서 도메인을 변경할 경우 어느부분을 수정하여야 하는지요 [1] 2019.03.20 by sejin7940
검은내일 회원 모듈을 통합이 가능한가요? [2] 2019.03.19 by 검은내일
고바우 사이트가 안떠요 ㅜㅜ [3] 2019.03.19 by LuisK
앤더슨 파일 첨부 30MB 이상이 안되요 ㅠ [6] 2019.03.18 by 앤더슨
쏭설 스팸로봇 회원가입 막고 싶습니다. [1] 2019.03.18 by 디자인클립
홈런볼11 jquery로 상단 메뉴 고정시 [1] 2019.03.18 by 디자인클립
박현철 게시판 생성이 잘 안됩니다 도와주세요 [1] 2019.03.18 by 디자인클립
LovelyCaT 관리자 > 일반설정 칸 추가  
국가공인신용관리사 레이아웃 설정 오류 file  
박현철 게시판 생성이 안됩니다  
현명한박사 제 사이트가 갑자기 로그인이 먹통입니다.  
railman XE 버전 1.9.8을 1.11.2로 업데이트 하는 방법 [1] 2019.03.17 by DoorWeb
JustDoItAnything XE Module Board Layout Skin 중 xe_Ofiicial_V3_Gallary에서 확장변수 사용에 대하여 [2] file 2019.03.17 by JustDoItAnything
JustDoItAnything exec_json()을 이용하여 해당 보드의 확장변수 데이터를 가져오는 방법이 있나요? [1] 2019.03.16 by JustDoItAnything
푸른바다 html js 에서 ajax사용  
앙신 레이어 팝업 애드온 문의 [4] 2019.03.14 by DoorWeb
태그 쓰기