드롭다운 메뉴 우측에 이미지+텍스트 추가하고 싶습니다..
본문
드롭다운 메뉴 우측에 이미지+텍스트 추가하고 싶습니다.
테마를 사용중입니다.
드롭다운 메뉴에서 이미지와 텍스트를 넣고 싶은데
어떻게 적용하면 될지 고수님의 팁 좀 부탁드립니다..
메뉴01 선택시 2차메뉴와 함께 이미지+텍스트를 보여주고 싶습니다.
$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>";
}
}
>> 메뉴 불러오기
<div class="lnb-line">
<div id="lnb">
<?php menu_tree($DIRM, 0); ?>
</div>
...
</div>
답변 2
드롭다운 메뉴에 이미지와 텍스트를 추가하려면?
메뉴 항목과 관련된 데이터에 이미지 URL과 텍스트 정보를 저장하고, 항목에 표시하는 코드를 추가해야 합니다.
항상 찬찬히 하다보면 다됩니다. 느림의 미학으로 응원합니다. 화이팅~!
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 추가 할 수 있는 방법이 없을까요?
알려주신 소스로 해봤는데
1차 메뉴까지 이미지가 뜨고 제목이 중복이 됩니다.
2차메뉴에 class 추가 할 수 있는 방법이 없을까요?
님아 소스가 어떤건가요 ? css도 봐야 하고 여러 방면을 봐야 합니다. 특히 메뉴는 자동처리 할려면 더욱더 복잡합니다. 이렇게 봐서는 답하기가 힘들어요...;;; 이게 그누의 어느 부분의 메뉴인가요? 서브메뉴는 아닌것같고 ...좌/우 메뉴를 만들려구 하는건가요?
확인 감사합니다. 좀 더 시간을 갖고 풀어보겠습니다.^^