--=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: layout.css
a:link,a:visited
{
color:#000;
}
a:hover,a:active,a:focus
{
background:#000;
color:#FFF;
}
Miejsce przechowywania - plik: layout.css
#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;
}
Miejsce przechowywania - plik: layout.css
#left ul {
list-style-type:none;
margin:0 0 20px 10px;
}
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: 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.