상단메뉴 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

상단메뉴 정보

상단메뉴

본문

http://dgamer.net/bbs/group.php?gr_id=PC

제 홈페이진대요 상단에 보면 자꾸 이미지가 꺠져요 클릭할떄마다

이거 왜이런거죠?..

  • 복사

댓글 전체

소스를 보니 이미지 문제도 있지만 소스 자체가 너무 어지럽네요.
필요없는 부분이 너무 많고 .... 소스 정리부터 하셔야 진행하는데 어려움이 없을 듯 보입니다.
해당부분의 소스를 올려주시면 조금 수월하게 도움을 얻으실 것 같네요.
소스는 이거에요

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once "$g4[path]/lib/popular.lib.php";

// 레이어 메뉴와 관련해서 그누보드 sideview.js 파일이 필요한 경우 연결합니다.
if (!function_exists("selectBoxHidden(layer_id)")) {
  echo "<script type='text/javascript' src='$g4[path]/js/sideview.js'></script>";
}
?>

<script type="text/javascript">
var save_layer = null;
function layer_view(menu_id, opt) {
  var menu = document.getElementById(menu_id);

  //for (i in link) { document.write(i + '<br/>'); } return;

  if (save_layer != null) {
    save_layer.style.display = "none";
    selectBoxVisible();
  }

  if (opt == 'hide') {
    menu.style.display = 'none';
    selectBoxVisible();
  } else {
    menu.style.display = 'block';
  }
  save_layer = menu;
}

</script>

<style type="text/css">
.zgroup ul {
  margin:0;
  list-style-type:none;
  font-size:8pt;
  font-family:"돋움";
}
.sub_menu {
  display:none;
  font-size:8pt;
  font-family:"돋움";
}
.sub_subject {
  width:auto;
  height:auto;
  padding:6 0 2 10;
  border-bottom:1px dotted;
  font-size:8pt;
  font-family:"돋움";
  border-bottom-color:#DDDDDD;
}
.08basic {
font-size:8pt;
font-family:"돋움";
}
.bar_one {
background:url('<?=$sitemap_skin_path?>/img/btn_menu_bg.gif') no-repeat 4px 8px;
}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
        <td height="10" valign="bottom" background='<?=$sitemap_skin_path?>/img/top_manu00.gif'>
<td height="40" align="left" valign="bottom" background='<?=$sitemap_skin_path?>/img/top_manu01.gif'>

    <table border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td width="10" align=left></td>
  <?
  for($i=0; $i<$menu['count']; $i++){
  ?>
    <td valign="top">
    <?
$font_color[$i] = "#ffffff";
if($gr_id == $menu['id'][$i]){
$bg_1[$i] = "background='$sitemap_skin_path/img/bar_l.png'";
$bg_2[$i] = "background='$sitemap_skin_path/img/bar_bg.gif'  style='padding:5px;font-weight:bold'";
$bg_3[$i] = "background='$sitemap_skin_path/img/bar_r.png'";
$font_color[$i] = "#333333";
}
?>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="6" height="30" <?=$bg_1[$i]?>></td>
    <td height="30" <?=$bg_2[$i]?>>&nbsp;<a href="<?=$g4[bbs_path]?>/group.php?gr_id=<?=$menu['id'][$i]?>" onmouseover="layer_view('menu_<?=$menu['id'][$i]?>', 'view', -30, -20);"><font color=<?=$font_color[$i]?>><span class='08basic'><?="{$menu['subject'][$i]}"?></span></font></a>&nbsp;</td>
    <td width="5" height="30" <?=$bg_3[$i]?>></td>
  </tr>
</table>

</td>
    <?
if($i < $menu['count']-1) {
echo "<td width='10' class='bar_one'></td>"; }

  ?>
  </tr>
</table>

    </td>
    <td height="40" background='<?=$sitemap_skin_path?>/img/top_manu01.gif'></td>
<td height="40" background='<?=$sitemap_skin_path?>/img/top_manu02.gif'></td>
  </tr>
      <tr>
      <td width="10" height="30" background="<?=$sitemap_skin_path?>/img/menubar_sub_left.gif"></td>
      <td height="30" align="left" valign="middle" background="<?=$sitemap_skin_path?>/img/menubar_sub_bg.gif">
        <?
  for($i=0; $i<$menu['count']; $i++){

?>
    <div id='menu_<?=$g4_group[$i][gr_id]?>' class='sub_menu'>
<?
for($j=0; $j<$sub['count'][$i]; $j++){
if($j != $sub['count'][$i]-1){
$class = "sub_subject";
}else{
$class = "sub_last_subject";
}
if($sub['table'][$i][$j] == $bo_table){
$icon = "<img src='$sitemap_skin_path/img/icl1.gif' border='0' wspace=2 align=absmiddle>";
}else{
$icon = "<img src='$sitemap_skin_path/img/icl.gif' border='0' wspace=2 align=absmiddle>";
}
?>
<? if($sub['table'][$i][$j]=="adulty") { echo ""; } else {?>
          <a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$sub['table'][$i][$j]?>"><?=$icon?><?=$sub['subject'][$i][$j]?> <? if($sub['new'][$i][$j]) echo "<img src='$sitemap_skin_path/img/icon_new.gif' border='0' align=absmiddle>"; ?></a>&nbsp;&nbsp;&nbsp;&nbsp;<? } ?>
       
<?

if($gr_id == $menu['id'][$i]){
    echo "<script type=\"text/javascript\">";
echo "layer_view('menu_{$menu['id'][$i]}', 'view', -20, -20);";
echo "</script>";
    }
} ?>   
        </div>

    <? } ?> </td>
<td height="30" valign="middle" background="<?=$sitemap_skin_path?>/img/menubar_sub_bg.gif"><div style='float:right'><!-- 스크롤 인기검색어나 한줄 공지사항 추가하세요 --></div></td>
      <td width="10" height="30" background="<?=$sitemap_skin_path?>/img/menubar_sub_right.gif"></td>
  </tr>
    </table>
이전에 말씀드린대로 소스를 정리해 보시는 것이 좋을 듯 합니다.
솔직히 소스가 불필요한 부분이 많습니다.

아래 부분을 수정해 보세요.
$bg_1[$i] = "background='$sitemap_skin_path/img/bar_l.png'";
$bg_2[$i] = "background='$sitemap_skin_path/img/bar_bg.gif'  style='padding:5px;font-weight:bold'";
$bg_3[$i] = "background='$sitemap_skin_path/img/bar_r.png'";
아래 메뉴 height가 30으로 되어 있네요.
그렇다면 위의 이미지 bar_l, bar_bg, bar_r 3개를 사이즈에 맞게 30으로 수정하시던지
아니면 하단의 메뉴 height를 이미지의 크기에 맞추던지 하셔야 할 것입니다.
아니면  background 이미지 repeat를 no로 하시던가
아니면 x축으로만 하시던가 하시면 될 것 같습니다.
그리고 소스의 필요 없는 부분을 정리해 보세요.
수고하세요.
© SIRSOFT
현재 페이지 제일 처음으로