PDA

Zobacz pełną wersję : Zmiana koloru jednego przycisku menu górnego



sylwekb
17-06-2010, 17:06
Joomla 1,5,18

Wiem, że gdzieś już kiedyś to było już wałkowane ale nie mogę się doszukać na forum ani na wiki jak przekolorować jeden z przycisków menu górnego tak, żeby się wyróżniał spośród pozostałych?

KYCu
17-06-2010, 17:37
Każdy element menu ma inną klasę listy/wypunktowania/wykazu np

<li class="item1"><a href="/home/"> Home </a></li>

Teraz za pomocą firebug wystarczy zobaczyć nazwę klasy dla interesującej Cię pozycji menu i wystylizować ją za pomocą css np

li.item1 a {
color: red;
}

sylwekb
17-06-2010, 18:25
Wielkie dzięki, u mnie to jest 24, tylko dziwna sprawa ten sposób działa pod IE, a nie działa pod Firefoxem tzn nie zmienia koloru, w szablonie za menu górne jest odpowiedzialny fragment
.art-menu a
{
position: relative;
display: block;
overflow: hidden;
height: 32px;
cursor: pointer;
text-decoration: none;
}
.art-menu li
{
margin-right: 0;
margin-left: 0;
}
.art-menu ul li
{
margin:0;
clear: both;
}

.art-menu a .r, .art-menu a .l
{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 96px;
background-image: url('../images/menuitem.png');
}
.art-menu a .l
{
left: 0;
right: 0;
}
.art-menu a .r
{
width: 400px;
right: 0;
clip: rect(auto, auto, auto, 400px);
}
.art-menu a .t
{
font-size: 16px;
color: #FFFFFF;
padding: 0 17px;
margin: 0 0;
line-height: 32px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top: -32px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top: -32px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top: -32px;
}
.art-menu a:hover .t
{
color: #FFFFFF;
}
.art-menu li:hover a .t
{
color: #FFFFFF;
}
.art-menu li:hover>a .t
{
color: #FFFFFF;
}

.art-menu a.active .l, .art-menu a.active .r
{
top: -64px;
}
.art-menu a.active .t
{
color: #F59D1A;
}

KYCu
17-06-2010, 18:29
Ułatwieniem będzie link do strony

sylwekb
17-06-2010, 21:18
Więc dopisałem do css-a fragment, jednak tak nie działali.item24 a {color: #F59D1A;font-weight: bold;}li.item24 a.active {color: #F59D1A;font-weight: bold;}li.item24 a.hover {color: #F59D1A;font-weight: bold;}

a_m
17-06-2010, 21:33
li.item24 a span {color: #F59D1A!important;font-weight: bold}

sylwekb
17-06-2010, 21:37
Wielkie dzięki, teraz działa