묻고답하기

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 이온디
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
클라우드 게시물을 리스트에서 인쇄하는 기능 구현 [1] file 2022.06.23 by sejin7940
돈다발 contact us 기본 양식 수정할 파일은??? [1] file 2022.06.21 by sejin7940
산다는건그런거여라 레이아웃 중에 DEBUT 은 어디서 다운 받을수 있나요? [1] 2022.06.21 by sejin7940
Fangpang 상담신청.... [4] file 2022.06.21 by Fangpang
돈다발 XE1 => 관리자 설정 => http, https 서버포트 21 후 에러  
인천한량 혹시 sketchbook5 레이아웃 설정을 봐주실분 계신가요? [3] file 2022.06.18 by 인천한량
돈다발 xe1 다운로드가 안되는데... 다른 분들은?? [2] 2022.06.17 by 돈다발
BEO 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 [6] file 2022.06.17 by 인천한량
sogno 로그인 하지 않으면 메뉴 혹은 게시판이 열리지 않는 문제입니다. [1] 2022.06.15 by XE_Story
GALee sketchbook5 메뉴창 색상수정  
codejs XE3 게시판 등록시 img태그사용 안되는데요.... [1] 2022.06.05 by sejin7940
gsaida 아파치서버 설정 관련] 파일 url접근 안되게, php에서는 허용되게 하는 방법????  
가입명 가입한 회원 가입일을 수정하려 하는데요 [2] 2022.06.02 by 레이나태리
t**** 파일첨부 한글버튼 관련 file  
kaes 저희 웹사이트에서 매일 기사를 올렸었는데 오늘부터 올려지질 않아요  
걷고걷기 이미지 갤러리 위 아래 여백 [3] file 2022.06.02 by 레이나태리
천년약속 [공유] 게시판 본문 폰트 크기와 폰트 설정 공유합니다! file  
nbu9**** 호스팅 용량이 풀이되어 다시 늘렸더니 갑자기 심각한 에러문구 [2] file 2022.06.02 by 레이나태리
railman 메인 메뉴 클릭을 2번 하여야 게시판으로 이동합니다 [1] 2022.06.02 by 레이나태리
코넬리 외부페이지에서 css 불러오는 방법 [2] 2022.06.02 by 레이나태리
놀러와 회원가입 버튼이나 회원정보보기를 클릭하면 404 Not Found가 뜹니다  
참사랑 이미지파일 올리는데 크기가 기존과 같이 맞추는 방법좀 부탁드려요 file  
woog**** xe 3.0 에서 헤더와 푸터 include 방법 질문입니다. [2] 2022.05.22 by woog****
깜코아빠 카달로그자료 추가하는 방법좀 알려주세요 [1] 2022.05.20 by sejin7940
gsaida xe_document_categories테이블에서 [2] 2022.05.19 by gsaida
참사랑 xeXE로 만든 홈페이지 숫자나 글자수정 방법좀 알려주세요 [1] 2022.05.16 by sejin7940
gwangge**** 운영되는 사이트를 다시 로컬로 변환시키는 방법이 없나요? file  
ssds 제로보드4 아예 못 쓰는건가요? [1] 2022.05.12 by sejin7940
약수한잔 게시판에 글을 올리고 저장하면... [1] 2022.05.10 by sejin7940
김진우 xe 빈 화면 원인이 뭔가요. [1] 2022.05.10 by sejin7940