Graficzne menu2 (pod logo)

valkiria_sigrun

Avatar: valkiria_sigrun

2010-12-02 11:40

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.

Pozdrawiam

» Quick.Cart v3.x

VS

Makaron

Avatar: Makaron

2010-12-02 16:07

A po co nadawać klasy dodatkowe identyfikatory.. Każdy element menu jest numerowany klasami. Idzie to w ten sposób

#menu2 .l1 a{}
#menu2 .l2 a{}
#menu2 .l3 a{}
.
.
.
#menu2 .lL a{}


Nadajesz po kolei elementom odpowiednie style i to wszystko.

Mak-Web.pl - Modyfikacje skryptów Q.Cart i Q.Cms

valkiria_sigrun

Avatar: valkiria_sigrun

2010-12-02 20:36

Wielkie dzięki, po odpowiednich poprawkach wszytko śmiga jak w obrazku:)

Pozdrawiam

VS

Do góry
o nas | kontakt