Obrazek jako zakładka w menu

[Julcio]

Witajcie!

Usiłuję zrobić menu "obrazkowe". Mianowicie, chcę uzyskać taki efekt:

 

Czyli jeden obrazek odpowiada menu aktywnemu, drugi nieaktywnemu. Zatem jak przerobić to:

<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="{$data['app_seotitle']}" template="{$data['app_template']}" base="{$data['app_base']}"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li>

By nie było "uniwersalne", tylko odpowiadało danej aplikacji - IP.Content, Forum, Użytkownicy? Wiem, wiąże się z tym to, że każdą kolejną aplikację będę musiał dodać manualnie, lecz jestem tego świadom.

 

Myślałem, by zrobić nowego diva np. #menu, potem #menu span, gdzie tłem będą wszystkie elementy menu , następnie kolejno dodawać #menu-portal span, #menu-forum span, #menu-users span i za pomocą pozycji tła ustalać tło danego elementu w menu. 

 

Wtedy w miejsce:

<li id='nav_app_{$data['app_dir']}'

dać

<li id='menu-portal'

itd.

 

Jest taka możliwość? A może jest jakiś inny sposób? Zbędnie zapłaciłem i kupiłem Promenu plus, ponieważ owszem, jest tam opcja dodania zakładki jako obrazek, lecz czy jest aktywna, czy nie aktywna i tak jest jeden i ten sam obrazek.

Edytowane 28 Stycznia 2014 przez Julcio

[DawPi]

Daj jakiś kod, co już masz oraz napisz z czym masz w nim problem.