Witam wszystkich Forumowiczów!
Mam problem z edycją pliku css znajdującym się w szablonie...po wygenerowaniu w joomla strony i kliknięciu zbadaj element mam taki efekt:
<!DOCTYPE html>
<html lang="pl" slick-uniqueid="3">
<head>
<body>
<div id="wrapper">
<nav>
<div class="moduletable">
<ul class="menu">
<li class="item-101 current active">
<a href="/szablony_test/">Strona główna</a>
</li>
<li class="item-107">
<li class="item-108">
<li class="item-109">
</ul>
</div>
</nav>
<div class="clear"> </div>
<section id="content">
<div class="clear"> </div>
</div>
</body>
</html>
Źródło strony jest takie:
!DOCTYPE html>
<html lang="pl">
<head>
<base href="http://localhost/szablony_test/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Strona główna</title>
<link href="/szablony_test/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/szablony_test/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/szablony_test/templates/strefakursow/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<script src="/szablony_test/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/szablony_test/media/system/js/core.js" type="text/javascript"></script>
<script src="/szablony_test/media/system/js/caption.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('load', function() {
new JCaption('img.caption');
});
</script>
<link rel="stylesheet" href="/szablony_test/templates/strefakursow/css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="/szablony_test/templates/system/css/system.css" type="text/css" media="all">
<link rel="stylesheet" href="/szablony_test/templates/system/css/general.css" type="text/css" media="all">
<!--[if lt IE 9]>
**********
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<nav>
<div class="moduletable">
<ul class="menu">
<li class="item-101 current active"><a href="/szablony_test/" >Strona główna</a></li><li class="item-107"><a href="/szablony_test/" >O nas</a></li><li class="item-108"><a href="/szablony_test/" >Wycena</a></li><li class="item-109"><a href="/szablony_test/" >Kontakt</a></li></ul>
</div>
</nav>
<div class="clear">
</div>
<section id="content">
<div id="system-message-container">
</div>
<div class="blog-featured.glowna">
natomiast kod w pliku css w szablonie mam taki, zaznaczyłem niebieskim kolorem co chciałbym edytować:
/*-- menu główne --*/
nav {
padding: 0;
}
nav ul li {
float: left;
list-style: none;
}
nav ul li a {
display: block;
height: 60px;
line-height: 60px;
background: #FFF;
font-size: 34px;
width: 180px;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
text-transform: uppercase;
color: #09C !important;
}
.glowna {
font-size: 16px;
width: 150px;
}
.firma {
width: 150px;
}
nav ul li a:hover {
text-decoration: none;
background: #FFF;
color: #F00 !important;
}
Jakiego identyfikatora narzuconego przez system joomla muszę użyć w css, żeby zaznaczone na czerwono elementy były aktywne w joomla ??
proszę o pomoc !
- - - Updated - - -
/*-- menu główne --*/
nav {
padding: 0;
}
nav ul li {
float: left;
list-style: none;
}
nav ul li a {
display: block;
height: 60px;
line-height: 60px;
background: #FFF;
font-size: 34px;
width: 180px;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
text-transform: uppercase;
color: #09C !important;
}
.glowna {
font-size: 16px;
width: 150px;
}
.firma {
width: 150px;
}
nav ul li a:hover {
text-decoration: none;
background: #FFF;
color: #F00 !important;
}