Joomla Templates Club 406,261 posts

[fjpepone12 Friend fjpepone12Join date: September 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#150598

Dear joomlart , How is it possible to give any mainmenu tab an extra color when the tabs are not acitive ? I read about css like li.item29 a, so i make this in the ja.splitmenu.css
/* NAVIGATION NEU */
#ja-mainnav.item53 {
height: 40px;
position: absolute !important;
bottom: 0;
left: 0;
z-index: 999;
width: 100%;
background: url(../images/mainnav-bg.gif) repeat-x bottom;
}

* html #ja-mainnav.item53 {
bottom: -1px;
}

#ja-mainnav.item53 a, #ja-subnav.item53 a {
outline: none;
line-height: normal;
}

#ja-subnav.item53 {
clear: both;
background: url(../images/subnav-bg.gif) repeat-x bottom #D58400;
margin: 0 10px;
padding: 0 10px;
height: 30px;
}

#ja-subnav.item53 ul {
list-style: none;
margin: 0;
padding: 0;
}

#ja-subnav.item53 li {
background: none;
margin: 0;
padding: 0;
display: inline;
}

#ja-subnav.item53 a {
display: block;
float: left;
outline: none;
padding: 0 15px;
line-height: 30px;
text-decoration: none;
color: green;
}

But nothing works
So who is the trick ?
Please help me.
many thanks:p

[vipatech Friend vipatechJoin date: May 2009Posts: 2Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#341677

I would like to know how to do this also! Pleeeeaaase!!! 😀

[vipatech Friend vipatechJoin date: May 2009Posts: 2Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#341679

SOLVED

You have to use similar to the following as item## does not work in sandine, you need to use menu##:

#ja-splitmenu a#menu108 {
display: block;
float: left;
text-decoration: none;
font-weight: bold;
color: #ff0000;
padding: 0 0 0 4px;
height: 26px;
line-height: 26px;
text-transform: uppercase;
font-size: 92%;
}

Your code should be for example:

#ja-subnav a#menu53 {
display: block;
float: left;
outline: none;
padding: 0 15px;
line-height: 30px;
text-decoration: none;
color: green;
}

That should work for you!

😎

1 user says Thank You to vipatech for this useful post

1. fjpepone12

[fjpepone12 Friend fjpepone12Join date: September 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#341680

it goes also like this

#ja-splitmenu.menu-item1 {
margin: 0;
padding: 0 0 0 15px;
position: relative;
}

#ja-splitmenu.menu-item1 ul {
background: url(../../images/mainnav-sep-green.gif) no-repeat bottom;
width: 40px;
margin: 0;
padding: 0;
/*display: block;*/
}

#ja-splitmenu li.menu-item1 {
/*float: left;
padding: 0 1px 0 0;
margin: 0;
background: url(../../images/mainnav-sep-green.gif) no-repeat bottom right;
background: #006400;*/
margin-top: 0;
height: 40px;
line-height: 40px;
font-size: 115%;
/*background: url(../../images/mainnav-sep-green.gif) no-repeat left top #D58400;*/
color: #FFFFFF;
}

#ja-splitmenu a.menu-item1 {
background: url(../../images/mainnav-sep-green.gif) no-repeat bottom left;
/* Mindest - Breite */
/*width: 90px;*/
float: left;
text-decoration: none;
font-weight: bold;
color: white;
margin-top: 10px;
padding: 0 0 0 18px;
height: 30px;
font-size: 92%;
}

/* fuer rechte Seite Button */
#ja-splitmenu a.menu-item1 span {
/*display: block;*/
background: url(../../images/mainnav-sep-green.gif) no-repeat bottom right;
float: left;
padding: 0 15px 0 0;
height: 30px;
line-height: 30px;
cursor: pointer;
}

#ja-splitmenu li.active a.menu-item1,
#ja-splitmenu li.active a:hover.menu-item1,
#ja-splitmenu li.active a:active.menu-item1,
#ja-splitmenu li.active a:focus.menu-item1 {
margin-top: 0;
height: 40px;
line-height: 40px;
font-size: 115%;
background: url(../../images/mainnav-active.gif) no-repeat left top #D58400;
color: #FFFFFF;
}

Thank’s very much for Your help

[Author]

Posts