rolo님과 7쟁이님께 올리는 헌정스킨입니다.

링크 1 rolo님 라이브러리 파일 및 원본 스킨
미리보기 링크 2

라이브러리 파일을 extend폴더에 업로드후 원하는 위치에 <?=menu('test')?> 삽입하면 됩니다.
여기서 test는 skin/menu/test 폴더입니다.

rolo님의 기본 스킨과 다른 스크립트를 사용한 비슷한 형태의 스킨입니다.

기본스킨과 7쟁이님 스킨이 DIV영역에서 메뉴의 위치가 제대로 잡히지 않아 기존 사용하던 자동메뉴에
rolo님의 라이브러리 파일을 연동시켰습니다.

언제나 그렇듯이 동작만 확인했고 모양은 볼폼 없으므로 7쟁이님께 패스~~!!

7쟁이 님께서 스타일 시트에서 백그라운드 이쁘게 깔아서 예쁘게 옷을 입혀주실 것으로 기대합니다. ^^

미결사항으로 해당 그룹 스타일 다르게하는 부분이 안먹히고있습니다.
rolo님께서 한번 봐주시기 바랍니다.^^**

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
#############################################################
# http://sir.co.kr/bbs/tb.php/g4_tiptech/5673 rolo님 라이브러리와 함께 사용해야됩니다.
# 기존 사용하던 자동메뉴를 rolo님의 lib 파일과 연동한 스킨형 menu.skin.php 파일입니다.
# DIV 영역에서 서브메뉴 위치를 정확하게 잡기위해서 만들었습니다.

// ### global
echo "<div id='global_menu'>\n";
    echo "<div style='float:left; padding:5 0 0 0;'></div>\n"; // 왼족여백

    // ## group
    $menu_size= count( $list);

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

        echo "<div id='group_menu'>\n";
        if ($key == $gr_id){// 해당 그룹 스타일 및 링크 ###############<<< 미결사항 <<<
            echo "<div id='group_menu_subject' onmouseover=\"show('$key')\" onmouseout=\"hide('$key')\"><a href='$g4[path]/?gur=$key' class='on'>{$value['gr_subject']}</a></div>\n";
        }else{// 그외 그룹 스타일 및 링크
            echo "<div id='group_menu_subject' onmouseover=\"show('$key')\" onmouseout=\"hide('$key')\"><a href='$g4[path]/?gur=$key' class='off'>{$value['gr_subject']}</a></div>\n";
        }
   
        // # board
        echo "<div id='$key' class='sub_menu' onmouseover=\"show('$key')\" onmouseout=\"hide('$key')\" style='z-index:300;'>\n";
        foreach( $value['bbs'] as $name) {
            echo "<div id='sub_menu_subject'><a href='$g4[bbs_path]/board.php?bo_table={$name['bo_table']}' class='sub_menu_subject'>{$name['bo_subject']}</a></div>\n";
        }
        echo "</div>\n"; // board end
    echo "</div>\n"; // group end
}//foreach
echo "</div>\n"; // global end
echo "<div style='clear: both;'></div>"; // 메뉴끝 줄 바꿈, 겹침 방지
?>

<script language="JavaScript">
function getObject(objectId) {
// checkW3C DOM, then MSIE 4, then NN 4. pearly님 공개 소스코드
    if(document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId);
    }
    else if (document.all && document.all(objectId)) {
    return document.all(objectId);
    }
    else if (document.layers && document.layers[objectId]) {
    return document.layers[objectId];
    } else {
    return false;
    }
}

function show(id) {
getObject([id]).style.visibility="visible";
}

function hide(id) {
getObject([id]).style.visibility="hidden";
}
</script>

<style>
#global_menu { /*메뉴 가장자리를 감싸는 영역*/

height:28px;
margin:0 0 0 0; /*시계방향 top, right, bottom, left 공통*/
padding:0 0 0 0;
border-width:0 0 0 0;
border-style:solid;
border-color:white/*gray*/;
background-color:transparent/*black*/;
position:relative;
}
#group_menu { /*그룹메뉴 영역*/
float:left;
width:70px;
height:25px;
margin:0 0 0 2;
border-width:1 1 1 1;
border-style:/*dashed*/solid;
border-color:#FEFFED/*white*/;
background-color:transparent;
position:relative;
}
#group_menu_subject { /*그룹제목 스타일*/
padding-top:5px;
color:white;
font-weight:bold;
height:25px;
text-align:center;
cursor:pointer;
}
#sub_menu { /*게시판 레이어 영역*/
position:absolute;
z-index:100;
}
.sub_menu { /*게시판 레이어 영역*/
border-width:1 1 1 1;
border-style:solid;
border-color:orange;
background-color:white; 
padding:2 0 1 0;
visibility:hidden;
position:absolute;
z-index:999;
}
#sub_menu_subject { /*게시판 제목 스타일*/
height:15px;
width:120px;
padding:2 0 2 10;
border-bottom-width:1;
border-bottom-color:orange;
border-bottom-style:dotted;
}
a.sub_menu_subject { /*게시판 제목 링크 스타일*/
width:120px; /*block 설정시 너비 빼먹으면 msie에서 안먹힘*/
display:block; /*포인터 영역 확대*/
}

a.on:link, a.on:visited, a.on:active { /*해당 그룹 강조*/
color:#45436c;
}
a.on:hover { /**/
color:orange;
}
a.off:link, a.off:visited, a.off:active { /*일반 그룹*/
color:green;
}
a.off:hover { /**/
color:orange;
}
</style>