상단메뉴위에 그림을 넣고싶은데 어떻게 해야할지 모르겠어요
본문
아래 테마로 작업중인데요. company 테마욤.
http://sir.co.kr/g5_theme/228?page=2#c_546
빨강색 동그라미 친곳에 조금 큰 그림을 넣고싶은데 어떻게 해야할지를 모르곘어요.
사이트 이름이랑, 로고를 넣으려고 하거든요.
그런데 몇일동안 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;}
삽입
헤드파일 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;}
이런식으로요