이전 목록 다음

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

센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-10-16 (월) 11:01:29 2,664

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

테마를 사용중입니다.

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

메뉴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개 / 댓글 7개

센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-11-23 (목) 11:27:15

1993986309_1700706319.5567.jpg

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

답변에 대한 댓글 2개

웅프
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-11-23 (목) 21:06:49
님아 소스가 어떤건가요 ? css도 봐야 하고 여러 방면을 봐야 합니다. 특히 메뉴는 자동처리 할려면 더욱더 복잡합니다. 이렇게 봐서는 답하기가 힘들어요...;;; 이게 그누의 어느 부분의 메뉴인가요? 서브메뉴는 아닌것같고 ...좌/우 메뉴를 만들려구 하는건가요?
센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-11-24 (금) 11:08:58
확인 감사합니다. 좀 더 시간을 갖고 풀어보겠습니다.^^
퇴사는지능순
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-10-17 (화) 01:21:52

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

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

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

답변에 대한 댓글 5개

웅프
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-10-17 (화) 01:30:54
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;
센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-10-17 (화) 10:36:22
답변 감사합니다. 알려준 소스로 열심히 해보겠습니다.^^
웅프
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-10-17 (화) 11:08:00
<div class="lnb-line">
<div id="lnb">
<?php menu_tree($DIRM, 0); ?>

</div>
...
</div> 메뉴 배열처리 함수 부분은 어떻게 되어있는데요?
센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-10-17 (화) 17:28:05
<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>

헤더는 이게 다입니다.
센텀
프로필 보기이 회원 글보기이 회원의 댓글보기
 2023-11-23 (목) 11:27:58
2차메뉴에 class 추가 할 수 있는 방법이 없을까요?

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