--=REKLAMA=--

Beez/obszar right

Z Joomla!WikiPL

Odwołania w HTML

Prawy pasek osadzony jest za pomocą elementu div oznaczonego identyfikatorem #right w obszarze #contentarea2:

  1.    <?php if ($showRightColumn) : ?>
  2.    <div id="right">
  3.  
  4.       <a name="additional"></a>
  5.       <h2 class="unseen">
  6.          <?php echo JText::_('Additional Information'); ?>
  7.       </h2>
  8.  
  9.       <jdoc:include type="modules" name="top" style="beezDivision" headerLevel="3" />
  10.       <jdoc:include type="modules" name="user1" style="beezDivision" headerLevel="3" />
  11.       <jdoc:include type="modules" name="user2" style="beezDivision" headerLevel="3" />
  12.       <jdoc:include type="modules" name="right" style="beezDivision" headerLevel="3" />
  13.  
  14.    </div><!-- right -->
  15.    <?php endif; ?>

W obszarze prawego paska osadzone są cztery pozycje modułów: "top", "user1", "user2" oraz "right".

Odwołania w CSS

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

Style podstawowe

Miejsce przechowywania - plik: position.css

  1. #right
  2. {
  3. 	color: #000;
  4. 	float:left;
  5. 	width: 28%;
  6. 	padding-top:10px
  7.  
  8. }

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 są własności: font-size i text-align.

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.


Dziękujemy za wkład

» Stefan Wajda [zwiastun],