PDA

Zobacz pełną wersję : Sobitteryellow



laciaty
25-03-2012, 18:47
Szukam modu który da mi ten sam efekt menu co na stronie http://magicthemes.com/demo/templates/sobitteryellow (HomeTypographyFeaturesThe CommunityNews)poniewaz instaluje ten szablon na joomli 2.5.3 i nie mogę znaleźć modu odpowiedzialnego za to. Prosze o pomoc. z góry dziekuje. Pozdrawiam.

nikszal
25-03-2012, 21:53
Poczytaj o kaskadowych arkuszach stylów, naucz się css z uwzględnieniem specyfikacji css3 i będziesz miał ten efekt.
Firebug oddaje nieocenione usługi w podglądaniu kodu.

a_m
25-03-2012, 22:02
baju, baju; oprócz text-shadow, nie ma żadnego css3;
@laciaty - rozwiń to z czym się zmagasz; "ten efekt" to żaden opis

nikszal
25-03-2012, 22:03
baju, baju; oprócz text-shadow, nie ma żadnego css3;
To jednak jest.

a_m
25-03-2012, 22:10
nikt nie zaprzecza :) ale też nie ma potwierdzenia, że należy css3 opanować w tym przypadku; myślę, że oddajmy głos autorowi tematu

nikszal
25-03-2012, 22:23
W menu nie ma, ale w arkuszu są deklaracje css3:
- background-origin
- background-clip

Nie zawadzi zapoznać się z nimi bliżej http://www.css3.info/preview/background-origin-and-background-clip/

laciaty
26-03-2012, 00:06
dziękuje za pomoc, pisząc "ten efekt" miałem na myśli negatyw tekst-tło do wybranej pozycji menu np wchodzę w Home i na menu widzę że to przeglądam.
Pozdrawiam
Paweł

---------- Post dodany o 22:06 ---------- Poprzedni post był o 21:18 ----------

udało mi się znaleźć plik który w joomla 1.5 odpowiadał za to mianowicie : modules/mod_mainmenu/tmpl/default.php jego zawartość http://laciaty.host247.pl/default.txt tylko że w joomla 2.5+ nie istnieje taki mod.

Karol99
26-03-2012, 10:54
udało mi się znaleźć plik który w joomla 1.5 odpowiadał za to

Nie szukaj tego w plikach J!, tylko w stylach css szablonu strony. Taki "negatyw" nie jest żadnym wyrafinowanym efektem, skorzystaj z pierwszej rady nikszala.

laciaty
13-04-2012, 00:06
#menu-nav-wrap {
background: transparent url(../images/menu-nav-wrap-bg.png) top left repeat-x;
width: 961px;
height: 70px;
position: relative;
margin: auto 1px;
}

#menu-nav-wrap .menu {
left: 35px;
list-style: none !important;
position: absolute;
top: -2px;
line-height: normal !important;
}

#menu-nav-wrap .menu li{
display: block;
float: left;
height: 60px;
text-align: center;
padding: 0 0 0 17px;
}

#menu-nav-wrap .menu li a,
#menu-nav-wrap .menu li a:link {
color: #303437;
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: block;
height: 60px;
padding: 0 17px 0 0;
text-shadow: 0 1px 0 #fff;
}

.wrapper {
}

#menu-nav-wrap .menu li a:hover {
color: #000;
}

#menu-nav-wrap .menu #current {
background: url(../images/hover-effect-left.png) left no-repeat;
}

#menu-nav-wrap .menu #current span {
background: url(../images/menu-nav-hovereffect.png) top left repeat-x;
display: block;
height: 30px;
padding: 15px 5px 12px 5px;
color: #eac34d;
text-shadow: none;
}

#menu-nav-wrap .menu span {
display: block;
height: 30px;
padding: 15px 17px 12px 12px;
}

#menu-nav-wrap .menu #current a {
background: url(../images/hover-effect-right.png) top right no-repeat;
color: #eac34d;
}
jak uaktywnić działanie bo się pogubiłem, dodaje przedrostek i nic się nie dzieje

---------- Post dodany o 22:05 ---------- Poprzedni post był o 21:29 ----------

dodaje przyrostek "_menu-nav-wrap" i nic

---------- Post dodany o 22:06 ---------- Poprzedni post był o 22:05 ----------

niby jest aktywny ale efektu brak