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
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
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
Post a Comment