HD-Custom CSS module and current active menu - Joomla! Forum - community, help and support


hi all,

this first post in forum.
i joomla newbie, have programming experience.

it's amazing vitality , variety of joomla platform.
hopefully, contribute best in forum.

now, have simple question:
how change code, in output
of articles:
<li class="item-471">
to
<li class="item-471 current active">

i using extension, allows custom
css in every single page, without affecting the
whole website:

http://www.hyde-design.co.uk/free-jooml ... custom-css

for example, @ unhilited top menu of site:
http://oymhs.cloudaccess.net/el-deseo-d ... adres.html

this how should look:
http://oymhs.cloudaccess.net/padres-mad ... tores.html

if add "current active" <li class="item-471">
the menu hilites expected:
<li class="item-471 current active">

i want hilite top menu, according article
category without making site wide changes menus
and categories.

firefox firebug , google developers tools
shows me adding "current active" each of
the top menu classes, it's possible hilite any
of menu categories on top.

thanks in advance!

alejandro

hi all,

i found answer, digging in forum , among
the webpage css properties using firebug , google
developer tools chrome.

it difficult, @ first, because css properties
inheritance real laberynth, it's easy
to lost track of real place property set.

to set hilite of top menu in template
beez_20, had insert following css rules
in 5 selected pages using joomla
extension named "hd-custom css module"
http://www.hyde-design.co.uk/free-jooml ... custom-css

i pasted text in renamed duplicate of module.
this duplicate custom css module received name:
"custom css padres madres tutores"

notice, please, background image absolute url.
a relative url not worked in case.

the class named "item-471" correspond to
one of top menu of site.
when completed, top menu will
have 8 or 9 items. use method in at
least 4 more of them.

/* custom css */
#header ul.menu li.item-471 a:link{
color: whitesmoke;
background: url(http://oymhs.cloudaccess.net/templates/ ... active.png);
text-shadow: 1px 1px 1px black;
}

#header ul.menu li.item-471 a:visited{
color: whitesmoke;
background: url(http://oymhs.cloudaccess.net/templates/ ... active.png)repeat-x top left;
text-shadow: 1px 1px 1px black;
}

many of you, gave time,
for sharing joomla expertise.

have nice weekend

alejandro





Comments

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

PProHeadless.exe has stopped working error when opening projects in Adobe Media Encoder CS6

Preconditions Failed. - Joomla! Forum - community, help and support