--=REKLAMA=--

Beez/obszar main h1

Z Joomla!WikiPL

Wersja Zwiastun (dyskusja | edycje) z dnia 16:04, 14 sie 2009

(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)

Odwołania w HTML

Obszar treści głównej osadzony jest za pomocą elementu div oznaczonego identyfikatorem #main, gdy widoczny jest prawy pasek lub #main2, gdy prawy pasek jest niewidoczny:

  1.    <div id="<?php echo $showRightColumn ? 'main2' : 'main'; ?>">
  2.       <?php if ($this->getBuffer('message')) : ?>
  3.       <div class="error">
  4.          <h2>
  5.             <?php echo JText::_('Message'); ?>
  6.          </h2>
  7.          <jdoc:include type="message" />
  8.       </div>
  9.       <?php endif; ?>
  10.  
  11.       <jdoc:include type="component" />
  12.    </div><!-- end main or main2 -->


Odwołania w CSS

#main

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

Style podstawowe

Miejsce przechowywania - plik: layout.css

  1. #main h1,#main2 h1 {
  2.    color:#000;
  3.    font-family:trebuchet MS, sans-serif;
  4.    font-size:1.6em;
  5.    font-weight:normal;
  6.    margin:0;
  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ść text-align.


Dziękujemy za wkład

» Stefan Wajda [zwiastun],