감사합니다.
원글에 7쟁이님을 지칭하는 내용인듯 합니다. ^^
//감각있는 분들께서 배경 이미지를 적절히 사용해서 예쁘게 만들어 주시면 좋겠습니다.

많이 부족합니다.
열심히 삽질 하라는 격려로 알아듣겠습니다.^^**
감사합니다.

감사합니다.
테스트하느라 이것저것 붙여놔서 느려터집니다.
웹표준을 지킨다는게 생각만큼 쉽지 않네요.^^
뭐 어차피 취미반 공부반 치매예방 차원에서 하는 삽질이니 매번 그렇습니다.
조만간 본격적으로 뭘 하나 만들어야 되긴 하는데 번번히 발목을 잡히고 있습니다.
푸른봄사업은 잘 되가시죠?? (-.-);;

신중하게 말씀 드리자면 절대 먼곳에서 찾으면 안 됩니다.

서울에 있나?
대전에 있나?
부산에 있나?...

이거 안 됩니다.
그 이유가 좀 다른데요.
목포를 잘 아는분, 즉 목포를 사랑하는 분과 해야 한다는 말씀입니다.
힌트는 '신토불이' 입니다.
나중에 거시기할때 머시기한 경험으로 한말씀~~**

감사합니다.
메뉴스킨에서 하나의 타입을 제시한 정도일뿐입니다.
감각있는 분들께서 디자인 부분에 관심을 가져주시길 기대하고 있답니다.
경로에 붙어있는 것들은 대부분 테스트 삼아 붙여놓은 것들입니다.
개인적으로 일관성있는 페이지를 구성하기가 매우 어렵군요.
여기저기 눈동냥 해서 하나 만들어 볼까 궁리중입니다.

감사합니다.
내달 rolo님의 라이브러리 업데이트가 있을때까지 보류하려다가 미흡한 상태로 올렸습니다.
소스내 주석을 참고하시면 다양하게 응용 가능하시리라 봅니다.
버그도 잡아주시고,
응용버전도 만들어 공개해 주시면 더욱 고맙겠습니다.
다음엔 디자인하기 쉽도록 빈 이미지 파일 코딩까지 해서 올려야 반응이 좀 올것 같습니다.~~**

감사합니다.
요즘 바쁘시죠?
저야 뭐 모종삽으로 모래판 깨작거리는 것에 불과한걸요.^^
네잎클로버님 풀 플래시 사이트 뚜껑 열리기만 기다리고 있습니다.
건강 챙기시면서 작업하세요.~~**

감사합니다.
저위 네잎클로버님의 말씀대로 삽질신공일 뿐입니다.

무더위에 건강하시죠??
문서가 서너개가 넘으면 아무것도 못하므로 단순노무에 만족하고 있습니다.
감사합니다.

제가 보기엔 php버전에 영향받을 만한 부분은 없어보입니다.
menu_rolo.lib.php 파일을 첨부한 파일로 교체하셨나요?
교체하지 않으셨다면 아래 주석을 붙인 두곳을 수정,추가 해주세요.

    $sql= "select G.gr_id, G.gr_2, G.gr_subject, B.bo_table, substring_index( bo_subject, ';', 1) bo_subject from $g4[group_table] G inner join $g4[board_table] B using (gr_id)  where G.gr_1 > 0 and B.bo_order_search < 100 order by gr_1 ASC, bo_order_search ";//board 정렬순서 추가

    $result = sql_query($sql);
    for ($i=0; $row = sql_fetch_array($result); $i++) {
    if( $row['gr_2'])
        $list[$row['gr_id']]['gr_subject'] = '<a href="'.$row['gr_2'].'">'.$row['gr_subject'].'</a>';
    else
        $list[$row['gr_id']]['gr_id'] = $row['gr_id'];//id값 활용을 위해 추가
        $list[$row['gr_id']]['gr_subject'] = $row['gr_subject'];
        $list[$row['gr_id']]['bbs'][] = array( 'bo_table'=> $row['bo_table'], 'bo_subject'=>$row['bo_subject']);

ie에서 안되고 FF에서는 되는군요.
왠만한 그누보드 모듈들이 붙어있는 두군데 페이지에서 테스트해도 문제가 없었습니다.
서브메뉴 정렬도 바뀐것 같은데 수정한 부분이 없다면 좀더 살펴봐야 될것 같습니다.

일단 소스보기로는 <div id='globalMenu'>가 닫히지 않았습니다.

수정없이 일반 다른 문서에서 테스트 해보시기 바랍니다.

감사합니다.
멋지게 디자인된 메뉴 기대합니다.

A++ 이 뭐죠?! 짧아서~~**
감사합니다. 이쁘게 바꿔주세요.

코멘트 감사합니다.
요걸 썼습니다.
 * ypSlideOutMenu
 * http://ypslideoutmenus.sourceforge.net/
옵션이 화려하지 않지만 꼭 필요한 부분만 있는듯 해서 저엮시 마음에 듭니다.

잘 되신다는 다행입니다.
감사합니다.

오랬만에 뵙습니다.^^
구조만 제시하고 감각있는 분들의 디자인을 기대하고 있습니다.

까칠한 형태는 구동 확인때까지 붙여놓고 작업하던 파일이라서 더욱 지저분합니다.
현재 파일과 다른 부분만 붙여드립니다.
_____________________________________________________________________**

# 아래는 기존 올려드린 파일에서 개별설정을 한 경우로 크기 설정 부분만 참고하세요.
_____________________________________________________________________
<script language="javascript">
var <?=$grId[0]?> = new ypSlideOutMenu("<?=$grId[0]?>", "down", 0, 2, 400, 30)
var <?=$grId[1]?> = new ypSlideOutMenu("<?=$grId[1]?>", "right", -80, 2, 450, 30)
var <?=$grId[2]?> = new ypSlideOutMenu("<?=$grId[2]?>", "down", -160, 2, 540, 55)
//###### 환경설정 끝

ypSlideOutMenu.writeCSS();
</script>
_____________________________________________________________________

# 아래는 정리되기 전의 스타일 시트로 올려드린 파일의 스타일과 함께 쓰였으므로 비교해서 정리하세요.
_____________________________________________________________________
<style type="text/css">
    .menuActuator a {
        color:#666666;
        font-weight:nomal;
        font-size:12px;
        font-family:arial;
    }

    .menu {
        padding:5px;
       
        font-family:verdana;
        color:#666666;
        font-size:10px;
        background-color:#cccccc;
        layer-background-color:#cccccc;
    }

td div {
  /* this makes TDs a container with their own coordinate system.
    absolutely-positioned elements will be offset relative to them */
  position:relative;
  }
</style>
_____________________________________________________________________
# 아랫 부분은 정리된 스타일외에 게시판 부분인
<a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$name['bo_table']?>'><?=$name['bo_subject']?></a>,&nbsp; 부분 두곳에 div태그가 없는 것이 보입니다.
가로로 배열하시려면 span 태그를 써서 스타일을 지정하되 스타일에서 display:block; 설정이 되면 안 됩니다.
이 내용을 참고로 기존 올려드린 파일에서 수정하시면 편하실듯 합니다.
_____________________________________________________________________
<div id='globalMenu'>
    <div style='float:left; padding:5 0 0 0;'></div>

    <table bgcolor="#CCCCCC" cellpadding="2" cellspacing="0" border="0" align="left">
    <tr valign='top'><?
    // ## group
    $menu_size= count( $list);

    foreach( $list as $key=> $value) {

        //print_r2 ($key[$i][0]);
        if ($key == $gur){// 해당 그룹 스타일 및 링크
    ?><td width="100" class="menuActuator"><a href='<?=$g4[path]?>/?gur=<?=$key?>' class='on' onmouseover="ypSlideOutMenu.showMenu('<?=$key?>');" onmouseout="ypSlideOutMenu.hideMenu('<?=$key?>')"><?=$value['gr_subject']?></a>
        <div>
        <div id="<?=$key?>Container">
        <div id="<?=$key?>Content" class="menu"><?
        foreach( $value['bbs'] as $name) {     
        ?><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$name['bo_table']?>'><?=$name['bo_subject']?></a>,&nbsp;<?
        }

        ?></div></div></div></td><?
        }else{
    ?><td width="100" class="menuActuator"><a href='<?=$g4[path]?>/?gur=<?=$key?>' class='off' onmouseover="ypSlideOutMenu.showMenu('<?=$key?>');" onmouseout="ypSlideOutMenu.hideMenu('<?=$key?>')"><?=$value['gr_subject']?></a>
        <div>
        <div id="<?=$key?>Container">
        <div id="<?=$key?>Content" class="menu"><?
        foreach( $value['bbs'] as $name) {     
        ?><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$name['bo_table']?>'><?=$name['bo_subject']?></a>,&nbsp;<?
        }

        ?></div></div></div></td><?
        }
    }//foreach 주메뉴 끝
    ?></tr></table>
</div>
<div style='clear: both;'></div>

________________________1
<tr>
<td height=30 colspan='2' bgcolor='' align=center style='padding:0 0 0 0;'> <-- 여기가 꼭 센터여야 한다면, a
<div id="gb_menu"> <-- 여기에 원하는 속성을 따로 주시면 됩니다. b
<?=menu('gb_slide_css');?>
</div>
</td>
</tr>
단순한 방법으로는 테이블 셀을 좀더 세분화 해서 넣어주는 방법도 강구해 보세요. c
________________________2

아니면 소스 내부의 스타일에서
#globalMenu 속성중에
position:relative; 속성을 position:absolute;로 하고 적절히 위치를 잡는 방법도 있습니다.

종속되는 속성과 종속되지 않는 속성을 파악하시면 쉽게 되실것 같습니다.
____________________________________________________________**

가운데 정렬이라도 전혀 문제가 되지 않습니다.
http://gnusr.com/g4/?gur=work 참조하세요.

뽈록이 아니고 floc 입니다. ^^**

.boardLayer { /*전체 게시판 레이어 영역*/
width:122px;
height:inherit;
border-top:1px solid orange;/*맨위 테두리만 여기서 설정*/
background-color:transparent;/*배경색상으로 입체효과 가능 - 색상을 주어 서브메뉴의 영역 확인가능*/
z-index:999;
}
에서
background-color:black;/*배경색상으로 입체효과 가능 - 색상을 주어 서브메뉴의 영역 확인가능*/
처럼 색상을 주고 확인해보세요.

아니면 계산기 두드려야 합니다.
적당히 늘려놓고 투명처리하는 것이 건강에 좋을실듯 합니다.
그래서 테두리를 .boardSubject 영역에 설정한 것입니다.

그룹마다 게시판수 구하고 테두리 너비 더해서 적용하는 방법도 생각해보긴 했습니다만,
기능에 비해 소스만 지저분해 질것 같아 그래도 두었습니다.

흐흐.. 사형께서 삐루 후유증이 ,,,,,,, **

정색하고~!

시의 적절하게 rolo님께서 불을 당기셨고 저야 삽질한 죄밖에 없사옵니다.

그룹,게시판,카테고리를 아우르는 라이브러리를 기대합니다.

네잎 사형께서도 바쁘시더라도 틈나시는대로 도움 부탁드립니다.

높이를 가장 큰 사이즈 기준으로 입력하면 되지만 마우스 아웃이벤트에 영향을 주게되므로 권장하지 않는다고 말씀 드렸습니다.

해결 방법으로 아래처럼 $grId 변수를 활성화 하고 개별 환경설정을 하시면 좋을듯  합니다.

// AA ###### 그룹별 서브메뉴 개별 환경설정시 AA,AB 둘다 반드시 참고해야 합니다.
//# 아래 세줄의 주석을 풀고 메뉴가 링크된 페이지로 가서 그룹 배열값을 얻는다.

foreach( $list as $key => $value)
$grId[] = $value['gr_id']; //분류 구분
print_r2 ($grId);//# 이 줄은 배열값을 얻은후 다시 주석처리 합니다. <---------------------------------//여기서 얻은 배열을 참고해서 아래 에서 값을 수동으로 주시면 됩니다.

?><script language="javascript" src="<?=$menu_skin_path?>/ypSlideOutMenus.js"></script>
<script language="javascript">
// AB ###### 그룹별 서브메뉴 개별 환경설정 시작
//# 일괄 환경설정시 모두 주석처리합니다.
//# 다양한 옵션을 이용하려면 이 개별 환경설정을 사용해야 합니다. ↙ up, down, left, right
//# 위에서 얻은 그룹 배열값을 참고해서 그룹별 서브메뉴의 슬라이드방향,x좌표,y좌표,너비,높이만 설정
var <?=$grId[0]?> = new ypSlideOutMenu("<?=$grId[0]?>", "down", 0, 1, 130, 308);
var <?=$grId[1]?> = new ypSlideOutMenu("<?=$grId[1]?>", "down", 0, 1, 130, 308);
var <?=$grId[2]?> = new ypSlideOutMenu("<?=$grId[2]?>", "down", 0, 1, 130, 308);
var <?=$grId[3]?> = new ypSlideOutMenu("<?=$grId[3]?>", "down", 0, 1, 130, 308);
var <?=$grId[4]?> = new ypSlideOutMenu("<?=$grId[4]?>", "down", 0, 1, 130, 308);
var <?=$grId[5]?> = new ypSlideOutMenu("<?=$grId[5]?>", "down", 0, 1, 130, 308);
var <?=$grId[6]?> = new ypSlideOutMenu("<?=$grId[6]?>", "down", 0, 1, 130, 308);
//###### 개별 환경설정 끝

//###### 그룹별 서브메뉴 일괄 환경설정 시작
//# 개별 환경설정시 모두 주석처리합니다.
//# 배경을 투명으로 주었으므로 가장 넓고 높은 그룹을 기준으로 크기를 설정해도 된다.
//# 이경우 보이지 않는 이 영역에 마우스가 올라가 있으면 서브메뉴가 사라지지 않는다.
//# 매우 귀찮거나 메뉴 크기가 크게 다르지 않을때 외에는 권장하지 않는다.
<?
//foreach( $list as $key => $value) {
//#################################### 서브메뉴의 시작위치,x좌표,y좌표,너비,높이만 설정
    ?>//var <?=$key?> = new ypSlideOutMenu("<?=$key?>", "down", 0, 1, 122, 308);
<?
//}
?>
//###### 일괄 환경설정 끝

ypSlideOutMenu.writeCSS();
</script>

테스트 경로를 쪽지로 알려주세효~~**