--=REKLAMA=--
<div id="footer">
<p class="syndicate">
<jdoc:include type="modules" name="syndicate" />
</p>
<p>
<?php echo JText::_('Powered by');?> <a href="http://www.joomla.org/">Joomla!</a>
</p>
<div class="wrap"></div>
</div><!-- footer -->
Poniższe klasy i identyfikatory wpływają na cały obszar div obejmujący stopkę. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania - w pliku: layout.css
#footer {
background:#93246F;
color:#fff;
padding:5px;
text-align:right;
border-top:solid 4px #ccc;
}
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 jest własność: font-size.
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.
Poniższe klasy i id wpływają na znacznik p. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania - plik: layout.css
*
p {
line-height:1.4em;
margin:5px 0;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na an unused(?) div w stopce. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania - w pliku: 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;
}