Cr3ven
13-11-2010, 00:31
Witam
Jak utworzyć w Joomli menu poziome pod logiem, aby podświetlony blok zmieniał kolor na inny.
Wiem jak napisać to w CSS mając <ul>, i <li>, ale nie wiem jak to w joomli wygląda.
Czyli jak to zmienić, żeby działało:
<div id="mainnav">
<jdoc:include type="modules" name="mainnav" style="xhtml" />
</div> <!-- mainnav -->
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
ul a:hover {
background-color: #800;
background-image: url("tlo2.gif");
}
Jak utworzyć w Joomli menu poziome pod logiem, aby podświetlony blok zmieniał kolor na inny.
Wiem jak napisać to w CSS mając <ul>, i <li>, ale nie wiem jak to w joomli wygląda.
Czyli jak to zmienić, żeby działało:
<div id="mainnav">
<jdoc:include type="modules" name="mainnav" style="xhtml" />
</div> <!-- mainnav -->
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}
ul a:hover {
background-color: #800;
background-image: url("tlo2.gif");
}