SIR
목록으로

드롭다운 메뉴 우측에 이미지+텍스트 추가하고 싶습니다..

센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2년 전 조회 2,337
답변 2
목록

드롭다운 메뉴 우측에 이미지+텍스트 추가하고 싶습니다.

 

테마를 사용중입니다.

드롭다운 메뉴에서 이미지와 텍스트를 넣고 싶은데
어떻게 적용하면 될지 고수님의 팁 좀 부탁드립니다..

 

메뉴01 선택시 2차메뉴와 함께 이미지+텍스트를 보여주고 싶습니다.

 

1993986309_1697421419.1392.jpg

 

Copy 
$DIR_TABLE = 'tl_dir_menu';
$DIRM = tl_dirm($DIR_TABLE); //전역에 저장
function menu_tree($dirm, $depth)
{
  if ($depth == 0) $strpad = '';
  else $strpad = str_pad(' ', 2 * $depth * 2);
  $depth++;
  if (is_array($dirm) && count($dirm) > 0) {
    echo "\n";
    echo $strpad . '<ul data-depth="' . $depth . '" class="depth' . $depth . '" data-idx="1">' . "\n";
    foreach ($dirm as $k => $v) {
      $dt = '';
      
      if ($v['d_type'] == 'trunk') $dt = '<span class="arrow d' . $depth . '"><i class="xi-angle-down-min"></i></span>';
      echo $strpad . '  <li>';
      echo '<a href="' . $v['d_1'] . '" target="' . $v['d_2'] . '">' . get_text($v['d_name']) . '</a>' . $dt;
      
      if ($v['d_type'] == 'trunk' && isset($v['rows']) ) {
        menu_tree($v['rows'], $depth);
      }
      echo "</li>\n";
        
    }      
    echo  $strpad . "</ul>";
      
    echo $strpad . '<span class="menuInfor" data-depth="' . $depth . '" class="depth' . $depth . '" data-idx="1">' . "\n";
    echo $strpad . "</span>";  
  }
}

 

>> 메뉴 불러오기

Copy 
<div class="lnb-line">
     <div id="lnb">
        <?php menu_tree($DIRM, 0); ?>
          
     </div>

     ...

</div>

 

#전체메뉴 #드롭메뉴 #드롭다운메뉴 #그누보드5 #메뉴수정

답변 2개

1993986309_1700706319.5567.jpg

 

알려주신 소스로 해봤는데 
1차 메뉴까지 이미지가 뜨고 제목이 중복이 됩니다.
2차메뉴에 class 추가 할 수 있는 방법이 없을까요? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

님아 소스가 어떤건가요 ? css도 봐야 하고 여러 방면을 봐야 합니다. 특히 메뉴는 자동처리 할려면 더욱더 복잡합니다. 이렇게 봐서는 답하기가 힘들어요...;;; 이게 그누의 어느 부분의 메뉴인가요? 서브메뉴는 아닌것같고 ...좌/우 메뉴를 만들려구 하는건가요?
확인 감사합니다. 좀 더 시간을 갖고 풀어보겠습니다.^^

댓글을 작성하려면 로그인이 필요합니다.

드롭다운 메뉴에 이미지와 텍스트를 추가하려면?

메뉴 항목과 관련된 데이터에 이미지 URL과 텍스트 정보를 저장하고, 항목에 표시하는 코드를 추가해야 합니다.

항상 찬찬히 하다보면 다됩니다. 느림의 미학으로 응원합니다. 화이팅~! 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

echo '<a href="' . $v['d_1'] . '" target="' . $v['d_2'] . '">' . '<img src="' . $v['image_url'] . '" alt="' . get_text($v['d_name']) . '"/>' . get_text($v['d_name']) . '</a>' . $dt;
답변 감사합니다. 알려준 소스로 열심히 해보겠습니다.^^
<div class="lnb-line">
<div id="lnb">
<?php menu_tree($DIRM, 0); ?>

</div>
...
</div> 메뉴 배열처리 함수 부분은 어떻게 되어있는데요?
<div id="header">
<div class="logo"><a href="/"></a></div>
<div class="lnb-line">

<div id="lnb">
<?php menu_tree($DIRM, 0); ?>
</div>

<div id="login-box">
<?php if ($is_member) { ?>
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php" title="정보수정"><i class="xi-wrench"></i> 정보수정</i></a>
<a href="<?php echo G5_BBS_URL ?>/logout.php" title="로그아웃"><i class="xi-unlock"></i> 로그아웃</a>
<?php if ($is_admin) { ?>
<a href="<?php echo G5_ADMIN_URL ?>" class="admin" title="관리자"><i class="xi-profile"></i> 관리자</a>
<?php } ?>
<?php } else { ?>
<a href="<?php echo G5_BBS_URL ?>/register.php" title="회원가입"><i class="xi-user-plus-o"></i> 회원가입</a>
<a href="<?php echo G5_BBS_URL ?>/login.php" title="로그인"><i class="xi-lock"></i> 로그인</a>
<?php } ?>

</div>
<div id="menu-ctl"><a href="" class="prev"><i class="xi-angle-left"></i></a></div>
</div>
</div>

헤더는 이게 다입니다.
2차메뉴에 class 추가 할 수 있는 방법이 없을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고