메뉴 수정 정보
메뉴 수정
본문
답변 해주신 분이 없으셔서 재 질문 드립니다
고수님들 도와주십시요
보이는 이미지처럼 부메뉴의 위치를 임의로 바꿀수 없을까요??
제일 앞으로 이동하고 싶은데요 ㅜㅜ
참고로 JS빌더 사용중입니다 http://www.jsbuilder.net/
부탁 드리겟습니다
좋은 하루 되십시요
-------------메뉴스킨
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$top_menu_skin_path/query.php");
?>
<link href="<?=$top_menu_skin_path ?>/css/menu.css" rel="stylesheet" type="text/css" />
<script language="javascript">
function qiehuan(num){
for(var id = 0;id<=<?=$gm?>;id++)
{
if(id==num)
{
document.getElementById("qh_con"+id).style.display="block";
document.getElementById("mynav"+id).className="nav_on";
}
else
{
document.getElementById("qh_con"+id).style.display="none";
document.getElementById("mynav"+id).className="";
}
}
}
</script>
<div id=menu_out>
<div id=menu_in>
<div id=menu>
<ul id=nav>
<? if ($g4_group[$i]['gr_id'] == $gr_id) { ?>
<li style="DISPLAY: none"><a href="<?=$g4[path]?>" onmouseover=javascript:qiehuan(0) id=mynav0 class=nav_on><span>Home</span></a></li>
<? }else{ ?>
<li style="DISPLAY: none"><a href="<?=$g4[path]?>" onmouseover=javascript:qiehuan(0) id=mynav0 class=nav_off><span>Home</span></a></li>
<? } ?>
<?for($i=0; $i<count($g4_group); $i++){ $num = $i+1;?>
<? if ($g4_group[$i]['gr_id'] == $gr_id) { ?>
<li><a href="<?=$group_menu_l[$i]?>" target="<?=$group_menu_t[$i]?>" onmouseover="javascript:qiehuan(<?=$num?>)" id="mynav<?=$num?>" class="nav_on"><?=$group_menu[$i]?></a></li>
<? }else{ ?>
<li><a href="<?=$group_menu_l[$i]?>" target="<?=$group_menu_t[$i]?>" onmouseover="javascript:qiehuan(<?=$num?>)" id="mynav<?=$num?>" class="nav_off"><?=$group_menu[$i]?></a></li>
<? } ?><? } ?>
</ul>
<? if ($g4_group[$i]['gr_id'] == $gr_id) { ?>
<div id=menu_con><div id=qh_con0 style="DISPLAY: block">
<? }else{ ?>
<div id=menu_con><div id=qh_con0 style="DISPLAY: none">
<? } ?>
<? if($config[cf_menu_notice_chk]) { ?><img src="<?=$top_menu_skin_path ?>/images/notice.gif" align="absmiddle"> - <?=latest("notice",$config[cf_menu_notice], 1, $config[cf_menu_notice_cut]);?><? } ?>
</div>
<? for($i=0; $i<$gm; $i++){ $num = $i+1;?>
<? if ($g4_group[$i]['gr_id'] == $gr_id) { ?>
<div id=qh_con<?=$num?> style="DISPLAY: block">
<? }else{ ?>
<div id=qh_con<?=$num?> style="DISPLAY: none">
<? } ?>
<ul>
<? for($k=0; $k<$group_bo[$i]; $k++){ if($k < ($group_bo[$i]-1)){ $bar = "<li class=menu_line2></li>"; }else{ $bar = "";} ?>
<li><a href="<?=$sub_menu_l[$i][$k]?>" target="<?=$sub_menu_t[$i][$k]?>"><span><?=$sub_menu[$i][$k]?></span></a></li><?=$bar?>
<? } ?>
</ul>
</div>
<? } ?>
</div></div></div></div>
댓글 전체
스타일시트에서 수정하셔야 할텐데요.
port 님 답변 감사합니다
혹시 스타일시트라는건 이걸 말씀하시는건가요???
그렇다면 어느부분 어떻게 수정해야 할지,,,난감하네요 ㅜㅜ
---------------------------------------------
/* 메뉴 이미지 칼라를 변경 할때는
그린색상 ../images/green/xxx.gif
블루색상 ../images/blue/xxx.gif
오렌지 색상 ../images/orange/xxx.gif
바꾸기 기능을 사용하여 위와 같이 수정 하세요...^^
*/
#menu ul{
padding:0;
border:0;
list-style:none;
line-height:150%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 15px;
}
#menu_out{
width:100%;
padding-left:4px;
margin-left:auto;
margin-right:auto;
background:url(../images/green/menu_left.gif) no-repeat left top;
}
#menu_in{
background:url(../images/green/menu_right.gif) no-repeat right top;
padding-right:4px;
}
#menu{
background:url(../images/green/menu_bg.gif) repeat-x;
height:73px;
}
.menu_line{
background:url(../images/green/menu_line.gif) no-repeat center top;
width:8px;
}
.menu_line2{
background:url(../images/green/menu_line2.gif) no-repeat center top;
width:15px;
}
#nav{
padding-left:20px;
}
#nav li{
float:left;
height:35px;
}
#nav li a{
float:left;
display:block;
padding-left:6px;
height:35px;
background:url(../images/green/menu_on_left.gif) no-repeat left top;
cursor:pointer;
text-decoration:none;
}
#nav li a span{
float:left;
padding:11px 10px 10px 10px;
line-height:14px;
background:url(../images/green/menu_on_right.gif) no-repeat right top;
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#nav li .nav_on{
background-position:left 100%;
}
#nav li .nav_on span{
background-position:right 100%;
color:#333333;
text-decoration:none;
padding:14px 14px 7px 10px;
}
#menu_con{
text-align:left;
padding-left:20px;
clear:both;
}
#menu_con li{
float:left;
height:22px;
margin-top:8px;
}
#menu_con li a{
display:block;
float:left;
background:url(../images/green/menu_on_left2.gif) no-repeat left top;
cursor:pointer;
padding-left:3px;
}
#menu_con li a span{
float:left;
padding:6px 8px 4px 5px;
line-height:12px;
background:url(../images/green/menu_on_right2.gif) no-repeat right top;
}
#menu_con li a:hover{
color:#ff7700;
text-decoration:none;
background:url(../images/green/menu_on_left2.gif) no-repeat left bottom;
}
#menu_con li a:hover span{
background:url(../images/green/menu_on_right2.gif) no-repeat right bottom;
}
/* 서브 메뉴 좌측 여백 */
#qh_con0 {padding:3px 0 0 0;}
#qh_con1 {padding:0 0 0 30px;}
#qh_con2 {padding:0 0 0 100px;}
#qh_con3 {padding:0 0 0 175px;}
#qh_con4 {padding:0 0 0 250px;}
#qh_con5 {padding:0 0 0 300px;}
#qh_con6 {padding:0 0 0 330px;}
#qh_con7 {padding:0 0 0 400px;}
#qh_con8 {padding:0 0 0 400px;}
#qh_con9 {padding:0 0 0 400px;}
#qh_con10 {padding:0 0 0 400px;}
혹시 스타일시트라는건 이걸 말씀하시는건가요???
그렇다면 어느부분 어떻게 수정해야 할지,,,난감하네요 ㅜㅜ
---------------------------------------------
/* 메뉴 이미지 칼라를 변경 할때는
그린색상 ../images/green/xxx.gif
블루색상 ../images/blue/xxx.gif
오렌지 색상 ../images/orange/xxx.gif
바꾸기 기능을 사용하여 위와 같이 수정 하세요...^^
*/
#menu ul{
padding:0;
border:0;
list-style:none;
line-height:150%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 15px;
}
#menu_out{
width:100%;
padding-left:4px;
margin-left:auto;
margin-right:auto;
background:url(../images/green/menu_left.gif) no-repeat left top;
}
#menu_in{
background:url(../images/green/menu_right.gif) no-repeat right top;
padding-right:4px;
}
#menu{
background:url(../images/green/menu_bg.gif) repeat-x;
height:73px;
}
.menu_line{
background:url(../images/green/menu_line.gif) no-repeat center top;
width:8px;
}
.menu_line2{
background:url(../images/green/menu_line2.gif) no-repeat center top;
width:15px;
}
#nav{
padding-left:20px;
}
#nav li{
float:left;
height:35px;
}
#nav li a{
float:left;
display:block;
padding-left:6px;
height:35px;
background:url(../images/green/menu_on_left.gif) no-repeat left top;
cursor:pointer;
text-decoration:none;
}
#nav li a span{
float:left;
padding:11px 10px 10px 10px;
line-height:14px;
background:url(../images/green/menu_on_right.gif) no-repeat right top;
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#nav li .nav_on{
background-position:left 100%;
}
#nav li .nav_on span{
background-position:right 100%;
color:#333333;
text-decoration:none;
padding:14px 14px 7px 10px;
}
#menu_con{
text-align:left;
padding-left:20px;
clear:both;
}
#menu_con li{
float:left;
height:22px;
margin-top:8px;
}
#menu_con li a{
display:block;
float:left;
background:url(../images/green/menu_on_left2.gif) no-repeat left top;
cursor:pointer;
padding-left:3px;
}
#menu_con li a span{
float:left;
padding:6px 8px 4px 5px;
line-height:12px;
background:url(../images/green/menu_on_right2.gif) no-repeat right top;
}
#menu_con li a:hover{
color:#ff7700;
text-decoration:none;
background:url(../images/green/menu_on_left2.gif) no-repeat left bottom;
}
#menu_con li a:hover span{
background:url(../images/green/menu_on_right2.gif) no-repeat right bottom;
}
/* 서브 메뉴 좌측 여백 */
#qh_con0 {padding:3px 0 0 0;}
#qh_con1 {padding:0 0 0 30px;}
#qh_con2 {padding:0 0 0 100px;}
#qh_con3 {padding:0 0 0 175px;}
#qh_con4 {padding:0 0 0 250px;}
#qh_con5 {padding:0 0 0 300px;}
#qh_con6 {padding:0 0 0 330px;}
#qh_con7 {padding:0 0 0 400px;}
#qh_con8 {padding:0 0 0 400px;}
#qh_con9 {padding:0 0 0 400px;}
#qh_con10 {padding:0 0 0 400px;}
