묻고답하기
검색창 사이즈를 살짝 줄이고 싶어요 ㅠㅠ
2018.12.23 17:14
지금 사용하고 있는 레이아웃 스킨이 xe design team Pure입니다.
http://www.xpressengine.com/?mid=download&package_srl=21302525
완전 개초보가 홈페이지를 검색하면서 만들다보니 힘드네요...ㅋ
질문입니다. 제가 상단메뉴를 7개까지 만들면 아래처럼 이상없는데
+1개를 더 만들면 이렇게 검색창이 밑으로 삐져나옵니다.
검색창 사이즈를 살짝,...Saerch... 에서 e나 r까지만 줄이면 +1개 메뉴 생성하더라도 검색창이 위에 있을거 같은데.
사이즈를 어떻게 줄이는지 모르겠네요...
사이트디자인설정-레이아웃-HTML/CSS에서 뭔가 만지면 될거 같은데 ㅋㅋ 까막눈이라 ㅠ.ㅠ
어디를 어떻게 고치면 되는지 알려주세요~ 부탁드립니다.
<!--%import("css/layout.css")-->
<div class="header">
<div class="gnb">
<div class="menu">
<div class="logo">
<!--@if($layout_info->header_logo_url)-->
<a href="{$layout_info->header_logo_url}">
<!--@else-->
<a href="/">
<!--@end-->
<!--@if($layout_info->header_logo_image)-->
<img src="{$layout_info->header_logo_image}" alt="{$layout_info->header_logo_url}" class="iePngFix" /></a>
<!--@else-->
<img src="img/nologo.png" alt="logo here" class="iePngFix" /></a>
<!--@end-->
</div>
<ul class="list">
{@ $idx = 0}
<li class="name" loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">
{$val1['link']}
</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</li>
</ul>
{@ $idx++}
</li>
</ul>
<div class="login">
<!--@if(!$is_logged)-->
<ol>
<li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>
<li class="signin"><a href="#" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L">로그인</a></li>
</ol>
<!--@else-->
<ol>
<li><a href="{getUrl('act','dispMemberInfo')}">회원정보</a></li>
<li cond="$grant->manager"><a href="{getUrl('','module','admin')}" target="_blank">관리</a></li>
<li class="signin"><a href="{getUrl('act','dispMemberLogout')}">로그아웃</a></li>
</ol>
<!--@end-->
</div>
<div class="xdt_search">
<form action="{getUrl()}" method="post" class="isSearch">
<!--@if($vid)-->
<input type="hidden" name="vid" value="{$vid}" />
<!--@end-->
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" id="search_input" class="inputText" title="Search..." value="Search..." onblur="if (this.value.length==0) {this.value='Search...'}" onfocus="if(this.value==this.title)this.value='';return false;" />
<input type="image" src="img/search.png" alt="{$lang->cmd_search}" class="submit subButton" />
</form>
</div>
</div>
</div>
</div>
<div class="line">
</div>
<div class="body">
<!--@if($layout_info->body_style=="A")-->
<div class="article_2">
{$content}
</div>
<div class="aside">
<!--@if($layout_info->aside_ads)-->
<div class="ads">
{$layout_info->aside_ads}
</div>
<!--@end-->
<!--@if($layout_info->widget_a)-->
<div class="widget">
<p>{$layout_info->widget_a_title}</p>
{$layout_info->widget_a}
</div>
<!--@end-->
<!--@if($layout_info->widget_b)-->
<div class="widget">
<p>{$layout_info->widget_b_title}</p>
{$layout_info->widget_b}
</div>
<!--@end-->
</div>
<!--@else-->
<div class="article_1">
{$content}
</div>
<!--@end-->
</div>
<div class="footer">
<ul class="menu">
<li loop="$footer_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></li>
</ul>
<p class="copy">
{$layout_info->footer_copy}
</p>
</div>
<!--@if(!$is_logged)-->
{@ $member_config = MemberModel::getMemberConfig(); }
<!--%import("./filter/login.xml")-->
<!--@if($member_config->enable_openid=='Y')--><!--%import("./filter/openid_login.xml")--><!--@end-->
<!-- loginWindow -->
<div id="loginWindow" class="loginWindow">
<!-- class="loginWindow" | class="loginWindow open" -->
<span class="modalWindow"></span>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<div id="loginLayer" class="loginLayer loginTypeA">
<!-- class="loginLayer loginTypeA" | class="loginLayer loginTypeB" -->
<button type="button" class="close" onclick="document.getElementById('loginWindow').style.display='none'" accesskey="X"><span>Close Login Layer</span></button>
<form action="" method="post" class="typeA" id="commonLogin" ruleset="@login" >
<input type="hidden" name="success_return_url" value="{getRequestUriByServerEnviroment()}" />
<input type="hidden" name="act" value="procMemberLogin" />
<fieldset>
<legend>XE Login</legend>
<dl>
<dt><label for="uid">로그인</label></dt>
<dd><input name="user_id" type="text" class="inputuid" id="uid" /></dd>
<dd><input name="password" type="password" class="inputupw" id="upw" /><span class="loginButton"><input type="submit" value="{$lang->cmd_login}" /></span></dd>
</dl>
<p class="keep">
<input name="keep_signed" type="checkbox" id="keepA" value="Y" class="inputCheck" onclick="if(this.checked) return confirm('{$lang->about_keep_signed}');"/>
<label for="keepA">{$lang->keep_signed}</label>
</p>
</fieldset>
</form>
<div class="help">
<ol>
<li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>
<li><a href="{getUrl('act','dispMemberFindAccount')}">아이디,비밀번호 찾기</a></li>
<li><a href="{getUrl('act','dispMemberResendAuthMail')}">인증 메일 재발송</a></li>
</ol>
</div>
<button type="button" class="close" onclick="document.getElementById('loginWindow').style.display='none'" accesskey="X"><span>Close Login Layer</span></button>
</div>
</div>
<!-- /loginWindow -->
<!--@end-->
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
LAN | 전문가님들 도와주세여 ... | |
엘리할배 | sketchbook5 웹진형 섬네일 출력이 안됩니다. [1] | 2018.12.28 by sejin7940 |
이봉교 | 반응형으로 홈페이지 만드려고 하는데요 모바일에 이미지는 왜 그대로죠? [2] | 2018.12.28 by 이봉교 |
엘리할배 | sketchbook5 설정 문의드립니다. | |
누들그라탕 | 홈페이지 접속 시 xe설치 화면 뜨는 문제 [1] | 2018.12.28 by sejin7940 |
백곰 | 삭제된 게시물을 볼 수 있는 방법 알려주세요 [1] | 2018.12.28 by sejin7940 |
SJ_KK3 | 모바일에서 팝업2개가 안띄워집니다.. | |
787dreamliner | 사이트 이전시 첨부파일 손상 [1] | 2018.12.28 by 787dreamliner |
정민이 | 특정화면에서 controller 응답값을 못받아 오는 이유 | |
상해파 | xe 버젼 확인 방법은? [2] | 2018.12.27 by 상해파 |
황마마 | 스케치북5 모바일 보드스킨 검색창이 안나오네요 [2] | 2018.12.27 by 티지레몬 |
레전드 | 방문자의 접근을 혀용하고 싶습니다. [2] | 2018.12.27 by 레전드 |
짱구삼촌 | minishopXE 인증코드받는 방법 [4] | 2018.12.27 by 짱구삼촌 |
레전드 | 홈페이지화면에 에러 문구가 뜹니다 도와주세요~ [2] | 2018.12.27 by 레전드 |
넓은바다 | xe 모바일접속 통계볼려면 모바일 레이아웃에도 애널리틱스 코드 넣어야되나요? [1] | 2018.12.26 by 즈베즈다 |
쟈니 | 댓글 50개 이상 작성시 접기 | |
웨마 | 마우스 롤오버시 목록이미지에 생기는... | |
질투 | 글제목 옆에 사진 아이콘이 보이게 하는 방법이.. [2] | 2018.12.26 by 질투 |
이택진 | [포토샵-도트아트] 크기조절... [6] | 2018.12.26 by 이전생 |
dkexpress | 로그인 문제입니다. [1] | 2018.12.26 by sejin7940 |
css 부분을 수정하셔야 문제가 해결될겁니다. 위치는
해당 레이아웃의 /layouts/xdt_pure/css/layout.css 로 가신 다음에
43라인부터 72리안까지 내용중에
/*search*/
.header .gnb .menu .xdt_search {
width:160px;
height:23px;
border:1px solid #dedede;
border-radius:5px;
background:#fff;
float:right;
margin:6px 5px;
z-index:10;
}
.header .gnb .menu .xdt_search .isSearch {
position:relative;
float:left;
height:23px;
border-radius:5px;
}
.header .gnb .menu .xdt_search .isSearch .inputText {
position:relative;
width:120px;
height:15px;
float:left;
color:#ccc;
outline:0 none;
border:0;
vertical-align:middle;
margin:0;
padding:4px 8px;
border-radius:5px;
}
에서 각 빨간색인 160과 120을 줄이시면 사이즈가 줄어들겁니다.