--=REKLAMA=--
Lewy pasek osadzony jest za pomocą elementu div oznaczonego identyfikatorem #left w obszarze #contentarea2, gdy widoczny jest prawy pasek lub #contentarea, gdy prawy pasek jest niewidoczny:
<a name="mainmenu"></a>
<div id="left">
<jdoc:include type="modules" name="left" style="beezDivision" headerLevel="3" />
</div><!-- left -->
Poniższe klasy i identyfikatory wpływają na cały obszar div zawierający treści lewego paska. Zwróć uwagę na kolejność. Każdy atrybut CSS zostanie nadpisany przez powyższą klasę.
Miejsce przechowywania - plik: position.css
#left ul {
list-style-type:none;
margin:0 0 20px 10px;
}
#left ul li {
border:solid 1px #fff;
margin:0 0 2px;
}
#left ul li a {
display:block;
padding:3px 4px 3px 10px;
text-decoration:none;
}
#left ul li a:link,#left ul li a:visited {
background:#F2E3ED;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:normal;
}
#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background:#333 !important;
color:#fff !important;
}
/* ################## Main Menue ################## */
#left ul li ul {
background:#fff;
border:solid 1px #E0C1E0;
border-bottom:solid 0 #93246F;
border-left:solid 4px #93246F;
border-top:0;
margin:0;
}
#left ul li ul li {
border:solid 1px #fff;
}
#left ul li ul li {
margin:0;
}
#left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus {
background:#93246F;
color:#fff;
}
#left ul li ul li ul {
border:solid 0 #E0C1E0;
padding:10px 0 10px 5px;
}
#left ul li.active a:link,#left ul li.active a:visited {
background:#93246F;
border-left:solid 4px #BE7CA9;
color:#fff;
border-bottom:solid 1px #93246F;
padding:3px 0 3px 6px;
}
#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
background:#fff;
border-bottom:solid 1px #E0C1E0;
border-left:solid 0 #DD75BB;
color:#000;
font-weight:normal;
padding:3px 4px 3px 20px;
}
#left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited {
background:#fff;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:normal;
margin:0 0 0 10px;
}
#left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {
background:#fff;
border-left:solid 0 #DD75BB;
color:#000;
font-weight:bold;
}
#left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {
background:url(../images/arrow.gif) #fff no-repeat top left;
color:#000;
font-weight:normal;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}
#left ul li.active ul li.active ul li.active span.active_link {
background:url(../images/arrow.gif) #fff no-repeat top left;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:bold;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Miejsce przechowywania - plik: position.css
#all
{
background: #FFFFFF;
border: solid 1px #DBB0CD;
color: #000000;
font-size: 0.8em;
margin: 0 auto;
max-width: 1000px;
padding: 0 3px 3px 3px;
text-align: left;
}
Dziedziczone są własności: color, font-size i text-align.
Miejsce przechowywania - plik: position.css
body
{
background: #F2E3ED;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 100.1%;
padding: 0px;
text-align: center;
}
Dziedziczone jest własność font-family.