간단하게, 현재 접속해 있는 메뉴 색상을 하이라이트 하고 싶습니다.

그러니까, 지금 이페이지에서 예를들면 About 에 들어가면 about 배경이 하얗게 되는 식으로요.

적용시키려는 웹사이트는 다음 사이트입니다. 

http://lifeto.cafe24.com/xe/community

메인 메뉴와, 서브메뉴 둘 다 현재 열어져 있는 메뉴 링크 텍스트에 하이라이트를 주려고 합니다.

메인메뉴는 

<tr loop="$main_menu->list=>$key1,$val1" class="mainmenu_active"|cond="$val1['selected']">

        <td><a class="mainmenu_icon" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'"><i class="el-icon-home"></i></a>      <a class="mainmenu_text" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">

        {$val1['link']}</a></td>

서브메뉴는

<tr loop="$main_menu->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']">

        <td loop="$val1['list']=>$key2,$val2" class="submenu_active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>

이렇게 되어있습니다.

제가 이해하기로는, 현재 메뉴가 활성화 되면 그 메뉴를 active 라는 클래스명으로 불러 올 수 있다는 것을 알고 있습니다.

하지만, 이로서 무엇을 어떻게 해야할지는 아직 감이 잘 오질 않네요.

도움 부탁드립니다.