묻고답하기
좀도와주세요... 부탁드립니다ㅠㅠㅠㅠㅠㅠ
2011.05.21 18:35
전문적으로 배운적이없어서 그런가봅니다..ㅠㅠ
아래 화살표 부분에있는 검색창을 로그인창위에 넣고싶은데....ㅠㅠ 이상하게 어긋나고 안들어가지네요
제발도와주세요....ㅠㅠ
#gnb { position:absolute; top:2px; left:200px; height:35px; overflow:hidden; white-space:nowrap;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; height:35px; color:#e8e8e8; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}
#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#455a5b;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#ffffff; border:1px solid #8E8E8D; background-color:#857C79; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #B0B0AF; background-color:#A9A4A3; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}
/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; height:750px; float:left; z-index:300;}
#columnLeft .mask { width:201px; height:1px; background:#ffffff; display:block; clear:both; z-index:300;}
#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:300; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center !important;}
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
<!--// js 파일 import -->
<!--%import("js/xe_official.js")-->
<!--// 레이아웃과 연동될 css 파일 import -->
<colorset">!--@if($layout_info->colorset == "white")-->
<!--%import("css/white.css")-->
<colorset">!--@elseif($layout_info->colorset == "black")-->
<!--%import("css/black.css")-->
<!--@else-->
<!--%import("css/default.css")-->
<>!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$val['link']}!--@endif--><!--@endforeach-->
</ul>
</div>
<div id="subfl"><script type="text/javascript">displayMultimedia("./files/faceOff/037/178/images/jpg1.jpg", "980","300",false);</script></div>
<div id="contentBody">
<div id="columnLeft">
<!-- 로그인 위젯 -->
<img class="zbxe_widget_output" widget="login_info" skin="xdom_login_v2" colorset="default_xd_2" />
<!-- 왼쪽메뉴 -->
<div style="position: absolute; top:100px; left:1px; z-index:300;"><include target="pro_drop3.html" />
</div>
<!-- 왼쪽 2차 메뉴 -->
<img src="./images/blank.gif" alt="" class="mask" />
<!--@if($menu_1st)-->
<ol id="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'+
'] as $key => $val)--><!--@if($val['link'])-->
<li <class="on">!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$val['link']}!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
<li <class="on">!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <onclick="window.open(this.href);return">!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$v['link']}!--@endif--><!--@endforeach-->
</ul>
<!--@endif-->
</li>
도와주세요 ㅠㅠ
검색창이미지는 첨부파일에있습니다 ㅠㅠ
댓글 3
-
송동우
2011.05.21 19:00
글을 쓰면서 태그를 제대로 닫지 않아서 답글을 쓸 수 없게 되어있습니다. 질문에 "아래 화살표 부분에있는 검색창을 로그인창위에 넣고싶은데" 라고 했는데 이미 잘 들어가 있는 것 아닌가요? 사진의 모습이 수정 후의 모습인가요? -
바이바이준
2011.05.21 19:25
네 수정후의 모습을 포토샵으로 넣은거에요...ㅠㅠ;; -
바이바이준
2011.05.21 19:25
지금은 답글이 달아지나여? ㅠㅠ?? -
송동우
2011.05.21 20:33
이제 답글이 되네요.....
근데 기존의 오른쪽 상단에 있는 검색을 로그인 위로 옮기는 것이 아닌
첨부한 이미지 파일을 로그인 위에 나타나게 하는 겁니까?
그냥 이미지만이요?
일단 검색창 이미지를 원하는 곳에 올립니다.
<div id="columnLeft">
<!-- 로그인 위젯 -->
<img class="zbxe_widget_output" widget="login_info" skin="xdom_login_v2" colorset="default_xd_2" />
이 부분을
<div id="columnLeft">
<img src="이미지경로" />
<!-- 로그인 위젯 -->
<img class="zbxe_widget_output" widget="login_info" skin="xdom_login_v2" colorset="default_xd_2" />
이렇게 바꾸세요
붉은글자(이미지경로)는 파일을 업로드한 경로 적어주면 됩니다.
처음에 기존의 검색창의 위치를 옮기는 것으로 생각했는데
질문은 그냥 이미지만 넣는 것으로 되어 있어서
질문에 근거한 답변을 달았습니다. -
바이바이준
2011.05.21 20:47
안녕하세요~ 송동우님^^
신경써주셔서 너무 감사드립니다
제가 설명을 잘못드렷나봐여 ㅠㅠ
이미지를 넣을려고한게아니구요....ㅠㅠ;
위에 완성 된 이미지처럼 검색창을 로그인 위로 껴넣고 싶어요 ㅠㅠ -
송동우
2011.05.21 21:01
역시..제가 처음에 생각한 것이 맞군요.....
레이아웃이 어떤것인지 core 버전이 어떤것인지 몰라서
딱 꼬집어 어디를 고쳐라고는 힘들것 같구요..
위에서 보이는 소스에는 없는데
<form action="{getUrl()}" method="post" class="iSearch">
<input type="hidden" name="vid" value="{$vid}" cond="$vid" />
<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" class="iText" title="keyword" />
<input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
</form>
검색창에 대한 소스가 있습니다.(이건 1.4.5.7 소스에서 가져온 것)
찾아서 그 부분을 잘라내고
<div id="columnLeft">
잘라낸 폼을 여기에 붙여넣기
<!-- 로그인 위젯 -->
그 다음은 css에 보면
(1.4.5.7 에서는 클래스 명이 .isearch 인데 위에 올려준 것에는 .issearch네요)
.isearch 속성에 position, top, left, right 들을 모두 없애고 width값 조정하고
padding값도 조정하고 하면 될 겁니다.
어떤 환경에서 작업을 하는지 아무런 정보가 없어서
답변도 이렇게만 가능할 것 같네요.