특정 매뉴애 마우스를 올렸을떄 그메뉴의 백그라운드색상을 백그라운드 이미지로 바꿀려고해요

특정 매뉴애 마우스를 올렸을떄 그메뉴의 백그라운드색상을 백그라운드 이미지로 바꿀려고해요

QA

특정 매뉴애 마우스를 올렸을떄 그메뉴의 백그라운드색상을 백그라운드 이미지로 바꿀려고해요

답변 1

본문

 메뉴 스킨은 여기서 들고 왔거든요. 마우스 올렸을때 글자 색상은 변하는데 
 css/hover 적힌곳에 백그라운드 이미지를 입혀줘도 그메뉴의 배경이 바뀌지지 않고 있거든요..
제가 아무래도 잘못 주고 있는거겠죠?.? 좀 도와주세요.
 
 
ucnetworks_co_kr_20140424_121126.jpg
 
<?php
$tnav_width = '989'; //메뉴 전체 가로 크기
$tnav_bg = '#818181'; //메뉴 배경색
$tnav_sub_round = '#fff'; //서브 메뉴 테두리 색상(※테두리를 없애려면 '#fff' 로 변경)
$tnav_main = array('20','#fff','#000'); //주 메뉴 관련 설정(※입력 순서: '메뉴 좌우 여백','메뉴 색상','메뉴 마우스 오버시 색상')
$tnav_sub = array('10','#00f','#000','underline'); //서브 메뉴 관련 설정(※입력 순서: '메뉴 좌우 여백','메뉴 색상','메뉴 마우스 오버시 색상','메뉴 마우스 오버시 밑줄 여부')
$addsub_left = array('8','154','300','450','600','800'); //사용자 추가 서브 메뉴 왼쪽 출력 위치(※사용자 그룹 수에 비례하여 style에 추가하여 사용하고 입력 순서는 순차적으로)
 
 
<style type="text/css">
#tnav {position:relative; width:<?php echo $tnav_width ?>px; height:40px; background-color:<?php echo $tnav_bg ?>; z-index:100}
#tnav ul {margin:0; padding:0; list-style:none;background-color:#0ff;}
#tnav ul li {float:left; padding:0 0px; 0 0px; }
#tnav ul li a, #tnav ul li a:visited {display:block; margin:0px; padding:0 <?php echo $tnav_main[0] ?>px;  text-decoration:none; font:bold 12px gulim, tahoma; color:<?php echo $tnav_main[1] ?>; line-height:40px}
#tnav ul li:hover a, #tnav ul li a:hover {margin:0px; background-color:#fff; color:<?php echo $tnav_main[2] ?>}
#tnav ul li ul {position:absolute; top:40px;  left:0; visibility:hidden}
#tnav ul li:hover ul, #tnav ul li a:hover ul {visibility:visible}
#tnav ul li:hover ul li a { background-color:#fff; padding:0 <?php echo $tnav_sub[0] ?>px; border:0; text-decoration:none; font:normal 15px dotum, tahoma; color:<?php echo $tnav_sub[1] ?>; line-height:25px; height:31px}
#tnav ul li:hover ul li a:hover {text-decoration:<?php echo $tnav_sub[3] ?>; color:<?php echo $tnav_sub[2] ?>}
#tnav ul li:hover ul#addsub1_left {left:<?php echo $addsub_left[0] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub2_left {left:<?php echo $addsub_left[1] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub3_left {left:<?php echo $addsub_left[2] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub4_left {left:<?php echo $addsub_left[3] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub5_left {left:<?php echo $addsub_left[4] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub6_left {left:<?php echo $addsub_left[5] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
</style>
<div id="tnav">
<ul>
  <!-- 사용자 추가 메뉴 그룹1 -->
  <?php if ($tnav_add1) { ?>
  <li style="margin:0px 20px 0 0px;" >
    <a href="http://naver.com" style=" background-image:url(../menu_oop/main_09.gif); vertical-align:bottom; color:#CCC">전체메뉴보기</a>
    <ul id="addsub1_left" >
      <?php for ($k = 0; $k < count($tnav_add1); $k++) { ?>
      <li><a href="<?php echo $tnav_add1[$k][1] ?>" target="<?php echo $tnav_add1[$k][2] ?>"><?php echo $tnav_add1[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹1 -->
  <!-- 사용자 추가 메뉴 그룹2 -->
  <?php if ($tnav_add2) { ?>
  <li style="margin:0px 28px 0 28px;">
    <a href="#">요양원 소개</a>
    <ul id="addsub2_left">
      <?php for ($k = 0; $k < count($tnav_add2); $k++) { ?>
      <li><a href="<?php echo $tnav_add2[$k][1] ?>" target="<?php echo $tnav_add2[$k][2] ?>"><?php echo $tnav_add2[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹2 -->
  <!-- 사용자 추가 메뉴 그룹3 -->
  <?php if ($tnav_add3) { ?>
  <li style="margin:0px 28px 0 28px;">
    <a href="#">주요업무</a>
    <ul id="addsub3_left">
      <?php for ($k = 0; $k < count($tnav_add3); $k++) { ?>
      <li><a href="<?php echo $tnav_add3[$k][1] ?>" target="<?php echo $tnav_add3[$k][2] ?>"><?php echo $tnav_add3[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 10,637
© SIRSOFT
현재 페이지 제일 처음으로