테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

로그 크기와 검색창 위치 조절 채택완료

turq 11년 전 조회 6,282
답변 2
목록
2014-02-06 14;33;48.jpg
 
어제 5 깔고 이것저것 시도해보는 중입니다..
로고를 변경하려 하는 중인데, 첨부한 사진처럼 로고 사이즈를 키웠더니 검색창과 맞물려서 겹쳐보입니다..
모바일은 문제없이 보여지는데, 웹이 문제입니다.
늘어간 WIDTH만큼 검색창을 뒤로 밀려나게 할 수는 없을까요?
 
 
#그누보드5
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
지운아빠
지운아빠
11년 전
이 부분이 지속적으로 질문되어 왔기에 원본 코드를 다음과 같이 수정하여 패치할 예정입니다. (현재 5.0b20)
조금 더 일찍 패치해드리지 못해 이 자리를 빌어 회원님들께 양해 말씀 드립니다.
head.php
</div>
<div><div>        <ul id="tnb"></div>
<div>            <?php if ($is_member) {  ?></div>
<div>            <?php if ($is_admin) {  ?></div>
<div>            <li><a href="<?php echo G5_ADMIN_URL ?>"><b>관리자</b></a></li></div>
<div>            <?php }  ?></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li></div>
<div>            <?php } else {  ?></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/login.php"><b>로그인</b></a></li></div>
<div>            <?php }  ?></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/qalist.php">1:1문의</a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/current_connect.php">접속자 <?php echo connect(); // 현재 접속자수  ?></a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/new.php">새글</a></li></div>
<div>        </ul></div>
<div>
</div>
<div>        <div id="text_size"></div>
<div>            <!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); --></div>
<div>            <button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '');"><img src="<?php echo G5_URL; ?>/img/ts01.gif" alt="기본"></button></div>
<div>            <button id="size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up');"><img src="<?php echo G5_URL; ?>/img/ts02.gif" alt="크게"></button></div>
<div>            <button id="size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2');"><img src="<?php echo G5_URL; ?>/img/ts03.gif" alt="더크게"></button></div>
<div>        </div></div></div>
<div>
를
</div>
<div><div>        <div id="text_size"></div>
<div>            <!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); --></div>
<div>            <button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '');"><img src="<?php echo G5_URL; ?>/img/ts01.gif" alt="기본"></button></div>
<div>            <button id="size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up');"><img src="<?php echo G5_URL; ?>/img/ts02.gif" alt="크게"></button></div>
<div>            <button id="size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2');"><img src="<?php echo G5_URL; ?>/img/ts03.gif" alt="더크게"></button></div>
<div>        </div></div>
<div>
</div>
<div>        <ul id="tnb"></div>
<div>            <?php if ($is_member) {  ?></div>
<div>            <?php if ($is_admin) {  ?></div>
<div>            <li><a href="<?php echo G5_ADMIN_URL ?>"><b>관리자</b></a></li></div>
<div>            <?php }  ?></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li></div>
<div>            <?php } else {  ?></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/login.php"><b>로그인</b></a></li></div>
<div>            <?php }  ?></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/qalist.php">1:1문의</a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/current_connect.php">접속자 <?php echo connect(); // 현재 접속자수  ?></a></li></div>
<div>            <li><a href="<?php echo G5_BBS_URL ?>/new.php">새글</a></li></div>
<div>        </ul></div></div>
<div>
로 수정
css/default.css
</div>
<div><div>/* 상단 레이아웃 */</div>
<div>#hd {z-index:10;position:relative;min-width:970px;background:#fff}</div>
<div>#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}</div>
<div>#hd_wrapper {position:relative;margin:0 auto;width:970px}</div>
<div>
</div>
<div>#logo {padding:26px 0}</div>
<div>
</div>
<div>/* 전체 검색 */</div>
<div>#hd_sch {position:absolute;top:22px;left:170px;margin:0;padding:0;border:1px solid #c3c6ca}</div>
<div>#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}</div>
<div>#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}</div>
<div>#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}</div>
<div>
</div>
<div>#tnb {position:absolute;top:18px;right:0;margin:0;padding:0;list-style:none;zoom:1}</div>
<div>#tnb:after {display:block;visibility:hidden;clear:both;content:""}</div>
<div>#tnb li {float:left;margin:0 0 0 10px}</div>
<div>#tnb a {display:inline-block;padding:5px 10px;color:#333;letter-spacing:-0.1em;line-height:2em}</div>
<div>#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}</div>
<div>#tnb img {margin-right:3px}</div>
<div>
</div>
<div>/* 텍스트 크기 조절 */</div>
<div>#text_size {position:absolute;top:21px;left:340px;margin:0 0 10px;letter-spacing:-3px}</div>
<div>#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}</div>
<div>.ts_up {font-size:1.167em !important}</div>
<div>.ts_up2 {font-size:1.3em !important}</div></div>
<div>
를
</div>
<div><div>/* 상단 레이아웃 */</div>
<div>#hd {z-index:10;position:relative;min-width:970px;background:#fff}</div>
<div>#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}</div>
<div>#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}</div>
<div>#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}</div>
<div>
</div>
<div>#logo {float:left;padding:5px 0 0}</div>
<div>
</div>
<div>/* 전체 검색 */</div>
<div>#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}</div>
<div>#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}</div>
<div>#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}</div>
<div>#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}</div>
<div>
</div>
<div>/* 텍스트 크기 조절 */</div>
<div>#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}</div>
<div>#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}</div>
<div>.ts_up {font-size:1.167em !important}</div>
<div>.ts_up2 {font-size:1.3em !important}</div>
<div>
</div>
<div>/* 상단 회원가입 등 링크 */</div>
<div>#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}</div>
<div>#tnb:after {display:block;visibility:hidden;clear:both;content:""}</div>
<div>#tnb li {float:left;margin:0 0 0 10px}</div>
<div>#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}</div>
<div>#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}</div>
<div>#tnb img {margin-right:3px}</div></div>
<div>
로 수정하겠습니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

t
turq
11년 전
양해라뇨..ㅠㅠ 덕분에 깔끔하게 이쁜 홈 만들 수 있어 얼마나 감사한지 몰라요.
이대로 수정했더니 잘 됩니다. 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

이
이오씨
7년 전

많은 도움이 되었습니다. 감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인