--=REKLAMA=--
W obszarze nagłówka umieszczonych jest 7 obiektów:
<div id="header">
<h1 id="logo">
<img src="<?php echo $this->baseurl ?>/templates/beez/images/logo.gif" border="0" alt="<?php echo JText::_('Logo Beez, Three little Bees'); ?>" width="300" height="97" />
<span class="header1"><?php echo JText::_('Joomla Accessible Template'); ?></span>
</h1>
<ul>
<li><a href="#content" class="u2"><?php echo JText::_('Skip to Content'); ?></a></li>
<li><a href="#mainmenu" class="u2"><?php echo JText::_('Jump to Main Navigation and Login'); ?></a></li>
<li><a href="#additional" class="u2"><?php echo JText::_('Jump to additional Information'); ?></a></li>
</ul>
<h2 class="unseen">
<?php echo JText::_('Search, View and Navigation'); ?>
</h2>
<div id="fontsize">
<script type="text/javascript">
//<![CDATA[
document.write('<h3><?php echo JText::_('FONTSIZE'); ?></h3><p class="fontsize">');
document.write('<a href="index.php" title="<?php echo JText::_('Increase size'); ?>" onclick="changeFontSize(2); return false;" class="larger"><?php echo JText::_('bigger'); ?></a><span class="unseen"> </span>');
document.write('<a href="index.php" title="<?php echo JText::_('Decrease size'); ?>" onclick="changeFontSize(-2); return false;" class="smaller"><?php echo JText::_('smaller'); ?></a><span class="unseen"> </span>');
document.write('<a href="index.php" title="<?php echo JText::_('Revert styles to default'); ?>" onclick="revertStyles(); return false;" class="reset"><?php echo JText::_('reset'); ?></a></p>');
//]]>
</script>
</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="user4" />
<div id="breadcrumbs">
<p>
<?php echo JText::_('You are here'); ?>
<jdoc:include type="modules" name="breadcrumb" />
</p>
</div>
<div class="wrap"> </div>
</div><!-- end header -->
// DO ZROBIENIA: Jak zmienić tekst "dostępność"
Poniższe klasy i identyfikatory wpływają na cały pojemnik header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie nadpisana przez powyższą klasę.
Miejsce przechowywania: position.css
#header
{
background: #fff;
color: #000000;
margin: 0;
position: relative;
text-align: right;
border-bottom: solid 4px #ccc;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Dodatkowe informacje: beez/obszar header logo
Poniższe klasy i identyfikatory wpływają na listy nienumerowane w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: layout.css
#header ul
{
background:#fff;
display:block;
margin:-7px 0 -2px;
padding:5px 0;
text-align:right;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i identyfikatory wpływają na pozycje list w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: layout.css
#header ul li
{
background:#000;
color:#fff;
display:inline;
text-align:center;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i identyfikatory wpływają na odnośniki z klasą "u2" w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: layout.css
#header ul li a:link,#header ul li a:visited
{
background:#fff;
color:#000;
font-weight:bold;
text-decoration:none;
border-right:solid 1px #666;
padding:5px 10px;
line-height:1.5em;
}
Miejsce przechowywania - plik: layout.css
*
a:link,a:visited
{
color:#000;
}
Miejsce przechowywania - plik: layout.css
*
a:hover,a:active,a:focus
{
background:#000;
color:#FFF;
}
Miejsce przechowywania: position.css
.unsichtbar,.u2,.invisible , .unseen
{
display: inline;
height: 0px;
left: -3000px;
position: absolute;
top: -2000px;
width: 0px;
z-index: 200;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i identyfikatory wpływają na element div dla dostępności. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: position.css
.unsichtbar,.u2,.invisible , .unseen
{
display: inline;
height: 0px;
left: -3000px;
position: absolute;
top: -2000px;
width: 0px;
z-index: 200;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Dodatkowe informacje: beez/obszar header fontsize
Dodatkowe informacje: beez/obszar header mainlevel -nav
Dodatkowe informacje: beez/obszar header form
Dodatkowe informacje: beez/obszar header breadcrumbs
Poniższe klasy i identyfikatory wpływają na element [an unused(?)] div w obszarze footer. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: position.css
.wrap
{
border: 0;
clear: both;
float: none;
font-size: 1px;
height: 0;
line-height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}