wanee님의 멀티탭 최근게시물에서 4개이상은 못쓰나요? > 그누4 질문답변

그누4 질문답변

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

wanee님의 멀티탭 최근게시물에서 4개이상은 못쓰나요? 정보

wanee님의 멀티탭 최근게시물에서 4개이상은 못쓰나요?

본문

wanee님의 최근 멀티탭 스킨을 적용해봤습니다.
스킨링크 : http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=75006&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&sfl=wr_subject%7C%7Cwr_content&stx=%EB%A9%80%ED%8B%B0&sop=and&page=4

총  7개를 사용하고 싶어서 소스도 적절히 수정했고 탭 이미지도 만들었는데요.
이미지는 제대로 잘 나오는데, 탭 버튼들이 서로 막 벌어져서 나옵니다.
멀티탭 가로폭 670으로 쓰려고 하거든요.
탭버튼 가로크기가 74픽셀이라서 *7하니까 518픽셀.
여분 셀을 만들어서 남는 152픽셀을 너비로 지정해서 딱 맞게 했는데
스샷처럼 저렇게 벌어지네요...ㅎㅎ 어딜 수정해야하는건지 모르겠어요ㅠㅠ

3시간을 매달려있는중이네요...
손봐야할만한 곳들 다 점검했는데...음...

아래 소스는 bada_tab.php 임..

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

include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$tab_img = "{$g4[path]}/tab_img"; //이미지 경로
$tab_width = "670"; //탭메뉴 폭
$tab_gr = "members"; //그룹명  또는 아무끼나 맴대루
$tab_bo1 = "board12"; //처음 출력될 게시판 ID
$tab_bo2 = "board100"; //공지 게시판  ID
$tab_bo3 = "board09"; //질답 게시판  ID
$tab_bo4 = "board13"; //질답 게시판  ID
$tab_bo5 = "board10"; //질답 게시판  ID
$tab_bo6 = "freely"; //질답 게시판  ID
$tab_bo7 = "board11"; //질답 게시판  ID
?>
<script language="javascript">
function tab_img_change(t){
  for(var i = 1; i <= 7; i++) {
img = document.getElementById('tab_bar'+i);
img.src = "<?=$tab_img?>/tab"+i+"_off.gif"; 
  eval("document.getElementById('tab_view"+i+"')").style.display="none";
if ( t == i ) {
  img.src = "<?=$tab_img?>/tab"+i+"_on.gif";
  eval("document.getElementById('tab_view"+i+"')").style.display="";
}       
  }   
}
</script>
<style>
.la  {  font-family:굴림; font-size:9pt;  color:#666666;}
</style>
<table width='<?=$tab_width?>' cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo1?>"> <img id="tab_bar1" style="cursor:pointer;" onmouseover="tab_img_change(1)" src="<?=$tab_img?>/tab1_off.gif" width="74" height="26" border="0" /> </a></td>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo2?>"> <img id="tab_bar2" style="cursor:pointer;" onmouseover="tab_img_change(2)" src="<?=$tab_img?>/tab2_off.gif" width="74" height="26" border="0" /> </a></td>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo3?>"> <img id="tab_bar3" style="cursor:pointer;" onmouseover="tab_img_change(3)" src="<?=$tab_img?>/tab3_off.gif" width="74" height="26" border="0" /> </a></td>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo4?>"> <img id="tab_bar4" style="cursor:pointer;" onmouseover="tab_img_change(4)" src="<?=$tab_img?>/tab4_off.gif" width="74" height="26" border="0" /> </a></td>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo5?>"> <img id="tab_bar5" style="cursor:pointer;" onmouseover="tab_img_change(5)" src="<?=$tab_img?>/tab5_off.gif" width="74" height="26" border="0" /> </a></td>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo6?>"> <img id="tab_bar6" style="cursor:pointer;" onmouseover="tab_img_change(6)" src="<?=$tab_img?>/tab6_off.gif" width="74" height="26" border="0" /> </a></td>
    <td width="74" background='<?=$tab_img?>/tabbar_bg.gif'><a href="<?=$g4['bbs_path']?>/board.php?bo_table=<?=$tab_bo7?>"> <img id="tab_bar7" style="cursor:pointer;" onmouseover="tab_img_change(7)" src="<?=$tab_img?>/tab7_off.gif" width="74" height="26" border="0" /></a></td> 
<td width="152" background='<?=$tab_img?>/tabbar_bg.gif'></td>         
  </tr>
  <tr>
    <td colspan='6'><div id="tab_view1">
      <?=latest('bada_latest',$tab_bo1, 5, 100);?>
      </div>
      <div id="tab_view2" style="display: none">
      <?=latest('bada_latest',$tab_bo2, 5, 100);?>
      </div>
      <div id="tab_view3" style="display: none">
      <?=latest('bada_latest',$tab_bo3, 5, 100);?>
      </div>
      <div id="tab_view4" style="display: none">
      <?=latest('bada_latest',$tab_bo4, 5, 100);?>
      </div>
      <div id="tab_view5" style="display: none">
      <?=latest('bada_latest',$tab_bo5, 5, 100);?>
      </div>
      <div id="tab_view6" style="display: none">
      <?=latest('bada_latest',$tab_bo6, 5, 100);?>
      </div>   
      <div id="tab_view7" style="display: none">
      <?=latest('bada_latest',$tab_bo7, 5, 100);?>
      </div>                   
     
      </td>
  </tr>
</table>
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로