Witam Odświeżam temat, bo pod starym nikt mi nie chce pomóc.
W nawiązaniu do tematu http://opensolution.org/Quick.Cart/forum/?p=readTopic&nr=6276
Próbowałam podobny zabieg jak zaproponował boboo użyć w menu2:
"(...) Zmiany w Menu3.tpl (tylko w bloku LIST i SELECTED): Było: <!-- BEGIN LIST --> <li class="l$aData[sStyle]"> <a href="$aData[sLinkName]" $aData[sSelected]> $aData[sName] </a> $aData[sSubContent] </li> <!-- END LIST --> <!-- BEGIN SELECTED --> class="selected" <!-- END SELECTED --> Po zmianach: <!-- BEGIN LIST --> <li class="l$aData[sStyle]"> <a href="$aData[sLinkName]"> <div id="$aData[sName]$aData[sSelected]" title="$aData[sName]"> </div> </a> $aData[sSubContent] </li> <!-- END LIST --> <!-- BEGIN SELECTED --> selected <!-- END SELECTED -->
A jak wygląda to w default.css? #Namioty{background:url('img/namioty.gif') no-repeat;} #Namioty:hover{background:url('img/namioty.gif') 0px -171px no-repeat;} #Namiotyselected{background:url('img/namioty.gif') 0px -171px no-repeat;} #Obuwie{background:url('img/obuwie.gif') no-repeat;} #Obuwie:hover{background:url('img/obuwie.gif') 0px -171px no-repeat;} #Obuwieselected{background:url('img/obuwie.gif') 0px -171px no-repeat} #Akcesoria{background:url('img/akcesoria.gif') no-repeat;} #Akcesoria:hover{background:url('img/akcesoria.gif') 0px -171px no-repeat;} #Akcesoriaselected{background:url('img/akcesoria.gif') 0px -171px no-repeat;}
(...)"
i niestety nie osiągnęłam takiego wyniku jak chcę. Jak już pierwszy link załapał to zajął swoim odnośnikiem (nie grafiką) całe menu2, reszta grafik się nie pokazała
Pozwolę sobie tez użyć jego linka: http://www.kimla.de/tester/qcart/?o-firmie,1 Chodzi o ten sam efekt tylko w menu2. Mam po 2 grafiki na każdy link. Mają się zmieniać przy najechaniu i wciśnięciu na danej podstronie.
Ewentualnie czy ktoś może zaproponować inne rozwiązanie tego dylematu.