상단메뉴위에 그림을 넣고싶은데 어떻게 해야할지 모르겠어요

상단메뉴위에 그림을 넣고싶은데 어떻게 해야할지 모르겠어요

QA

상단메뉴위에 그림을 넣고싶은데 어떻게 해야할지 모르겠어요

본문

아래 테마로 작업중인데요. company 테마욤.

http://sir.co.kr/g5_theme/228?page=2#c_546 

 

3542262702_1527211444.8465.png

빨강색 동그라미 친곳에 조금 큰 그림을 넣고싶은데 어떻게 해야할지를 모르곘어요.

사이트 이름이랑, 로고를 넣으려고 하거든요.

그런데 몇일동안 qna랑 지식in을 하루종일 틈나는대로 찾아봤는데도 잘 모르겠어요...

제발 도와주시면 극진한 감사의 말씀드리겠습니다.

 

이 질문에 댓글 쓰기 :

답변 4

그곳에 이미지를 넣는 것은 별로 바람직해보이지 않으나...

주먹구구식으로 적용해보았습니다.

 

theme/company/css/default.css

 

<ul id="tnb">

아래에

<li class="tnb_img"><img src="<?php echo G5_THEME_IMG_URL ?>/logo_30.png"></li>

 

이미지는 40*30

 

 

theme/company/css/default.css

 

#tnb li.tnb_adm a{color:#3c95d5;}

아래에
#tnb li.tnb_img{position:absolute;top:-9px;right:455px;}

삽입

 

http://laborer.dothome.co.kr/

헤드파일 html 부분을 봐야지 설명 가능한데
간단히 하자고 하면 저 부분에 <div>또는 <span>태그를 입력해서 이미지를 넣으면 될것같습니다

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

if (G5_IS_MOBILE) {
    include_once(G5_THEME_MOBILE_PATH.'/head.php');
    return;
}

include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');

add_javascript('<script src="'.G5_THEME_JS_URL.'/fancySelect.js"></script>', 10);
?>

<!-- 상단 시작 { -->
<div id="hd">
    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>

    <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>

    <?php
    if(defined('_INDEX_')) { // index에서만 실행
        include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
    }
    ?>

    <div id="hd_wrapper">

        <div id="logo">
            <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_THEME_IMG_URL ?>/logo.jpg" alt="<?php echo $config['cf_title']; ?>"></a>
        </div>

        <?php include_once(G5_THEME_PATH.'/head.menu.php'); ?>

        <fieldset id="hd_sch">
            <legend>사이트 내 전체검색</legend>
            <form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
            <input type="hidden" name="sfl" value="wr_subject||wr_content">
            <input type="hidden" name="sop" value="and">
            <label for="sch_stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
            <input type="text" name="stx" id="sch_stx" maxlength="20">
            <input type="submit" id="sch_submit" value="검색">
            </form>

            <script>
            function fsearchbox_submit(f)
            {
                if (f.stx.value.length < 2) {
                    alert("검색어는 두글자 이상 입력하십시오.");
                    f.stx.select();
                    f.stx.focus();
                    return false;
                }

                // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
                var cnt = 0;
                for (var i=0; i<f.stx.value.length; i++) {
                    if (f.stx.value.charAt(i) == ' ')
                        cnt++;
                }

                if (cnt > 1) {
                    alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
                    f.stx.select();
                    f.stx.focus();
                    return false;
                }

                return true;
            }
            </script>
        </fieldset>

        <ul id="tnb">
            <?php if ($is_member) {  ?>
            <?php if ($is_admin) {  ?>
            <li class="tnb_adm"><a href="<?php echo G5_ADMIN_URL ?>"><b>관리자</b></a></li>
            <?php }  ?>
            <li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li>
            <?php } else {  ?>
            <li><a href="<?php echo G5_BBS_URL ?>/login.php" ><b>로그인</b></a></li>
            <?php }  ?>
        </ul>
    </div>

    <hr>


</div>
<!-- } 상단 끝 -->

<hr>

<!-- 콘텐츠 시작 { -->
<div id="wrapper">
    <div id="sub_tit">
        <h2 id="ctn_title"><?php echo get_text((isset($bo_table) && $bo_table) ? $board['bo_subject'] : $g5['title']); ?></h2>
    </div>
    <div id="container">
        <?php if ((!$bo_table || $w == 's' ) && !defined("_INDEX_")) { ?><div id="container_title"><?php echo $g5['title'] ?></div><?php } ?>

기본 스킨 소스 보니 css 변경된게 마니없다고 하면 위에 답변 주신거처럼 
<div id="hd_wrapper">

이부분 밑에 넣어서 적용하면 될듯한데요

<div id="hd_wrapper">

 <div class="top_img"><img src="/파일 경로(추가할 이미지)/"></div>

이런식으로해서 css 추가 작업 하시면 될듯해요

css 에는 

.top_img{postion:absolute; top:-10px; left:0px;}

이런식으로요

답변을 작성하시기 전에 로그인 해주세요.
전체 585
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT