--=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; ?>
W obszarze prawego paska osadzone są cztery pozycje modułów: "top", "user1", "user2" oraz "right".
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
#right .moduletable {
background:#fff;
color:#000;
margin:10px 0;
padding:10px;
}
Miejsce przechowywania - plik: layout.css
#right ul {
border:solid 0 #ccc;
color:#000;
line-height:1.4em;
list-style-type:none;
margin:0;
padding:10px 10px 10px 0;
position:relative;
}
#right ul li {
margin-bottom:4px;
}
#right ul li a {
color:#000;
font-weight:normal;
padding:2px;
}
#right ul li a:link,#right ul li a:visited {
color:#000;
}
#right ul li a:hover,#right ul li a:active,#right ul li a:focus {
background:#93246F;
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.