상단메뉴 정보
상단메뉴본문
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]?>> <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> </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> <? } ?>
<?
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>
<?
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]?>> <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> </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> <? } ?>
<?
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축으로만 하시던가 하시면 될 것 같습니다.
그리고 소스의 필요 없는 부분을 정리해 보세요.
수고하세요.
솔직히 소스가 불필요한 부분이 많습니다.
아래 부분을 수정해 보세요.
$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축으로만 하시던가 하시면 될 것 같습니다.
그리고 소스의 필요 없는 부분을 정리해 보세요.
수고하세요.