--=REKLAMA=--
Prawy pasek osadzony jest za pomocą elementu div oznaczonego identyfikatorem #right w obszarze #contentarea2:
<?php if ($showRightColumn) : ?>
<div id="right">
<a name="additional"></a>
<h2 class="unseen">
<?php echo JText::_('Additional Information'); ?>
</h2>
<jdoc:include type="modules" name="top" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="user1" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="user2" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="right" style="beezDivision" headerLevel="3" />
</div><!-- right -->
<?php endif; ?>
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
/* Advertisement */
.moduletable_text
{ margin:10px}
.banneritem_text
{
margin: 10px 0 10px 0;
background:#f5f5f5;
padding:5px;
border:solid 1px #eee
}
Miejsce przechowywania - plik: layout.css
a:link,a:visited
{
color:#000;
}
a:hover,a:active,a:focus
{
background:#000;
color:#FFF;
}
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.