--=REKLAMA=--

Beez/obszar footer

Z Joomla!WikiPL

(Przekierowano z Beez - dostosowanie szablonu/footer)

Odwołanie w HTML

  1. <div id="footer">
  2.    <p class="syndicate">
  3.       <jdoc:include type="modules" name="syndicate" />
  4.    </p>
  5.  
  6.    <p>
  7.       <?php echo JText::_('Powered by');?> <a href="http://www.joomla.org/">Joomla!</a>
  8.    </p>
  9.  
  10.    <div class="wrap"></div>
  11. </div><!-- footer -->

Odwołania w CSS

#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ę.

Podstawowe style

Miejsce przechowywania - w pliku: layout.css 

  1. #footer {
  2.     background:#93246F;
  3.     color:#fff;
  4.     padding:5px;
  5.     text-align:right;
  6.     border-top:solid 4px #ccc;
  7. }

Pozostałe style

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

Style dziedziczone

Miejsce przechowywania - plik: position.css 

  1. #all
  2. {
  3.    background: #FFFFFF;
  4.    border: solid 1px #DBB0CD;
  5.    color: #000000;
  6.    font-size: 0.8em;
  7.    margin: 0 auto;
  8.    max-width: 1000px;
  9.    padding: 0 3px 3px 3px;
  10.    text-align: left;
  11. }

Dziedziczone jest własność: font-size.

Miejsce przechowywania - plik: position.css 

  1. body
  2. {
  3.    background: #F2E3ED;
  4.    color: #000000;
  5.    font-family: arial, helvetica, sans-serif;
  6.    font-size: 100.1%;
  7.    padding: 0px;
  8.    text-align: center;
  9. }

Dziedziczone jest własność: font-family.

.syndicate

Dodatkowe informacje: beez/obszar footer syndicate

p

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ę.

Podstawowe style

Miejsce przechowywania - plik: layout.css 

  1. *
  2. p {
  3. 	line-height:1.4em;
  4. 	margin:5px 0;
  5. }


Pozostałe style

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

.wrap

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ę.

Podstawowe style

Miejsce przechowywania - w pliku: position.css 

  1. .wrap
  2. {
  3.     border: 0;
  4.     clear: both;
  5.     float: none;
  6.     font-size: 1px;
  7.     height: 0;
  8.     line-height: 1px;
  9.     margin: 0;
  10.     padding: 0;
  11.     visibility: hidden;
  12. }

Pozostałe style

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*


Spis treści

Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „https://wiki.joomla.pl/index.php?title=Beez/obszar_footer&oldid=23522”