--=REKLAMA=--

Beez/obszar right mostread

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: layout.css

  1. #right .moduletable {
  2.    background:#fff;
  3.    color:#000;
  4.    margin:10px 0;
  5.    padding:10px;
  6. }

Miejsce przechowywania - plik: layout.css

  1. #right ul {
  2.    border:solid 0 #ccc;
  3.    color:#000;
  4.    line-height:1.4em;
  5.    list-style-type:none;
  6.    margin:0;
  7.    padding:10px 10px 10px 0;
  8.    position:relative;
  9. }
  10.  
  11. #right ul li {
  12.    margin-bottom:4px;
  13. }
  14.  
  15. #right ul li a {
  16.    color:#000;
  17.    font-weight:normal;
  18.    padding:2px;
  19. }
  20.  
  21. #right ul li a:link,#right ul li a:visited {
  22.    color:#000;
  23. }
  24.  
  25. #right ul li a:hover,#right ul li a:active,#right ul li a:focus {
  26.    background:#93246F;
  27.    color:#fff;
  28. }

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],