--=REKLAMA=--

Beez/obszar right module-text

Z Joomla!WikiPL

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

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

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; ?>

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. /* Advertisement */
  2.  
  3. .moduletable_text
  4. {  margin:10px}
  5.  
  6. .banneritem_text
  7. {
  8.    margin: 10px 0 10px 0;
  9.    background:#f5f5f5;
  10.    padding:5px;
  11.    border:solid 1px #eee
  12. }

Miejsce przechowywania - plik: layout.css

  1. a:link,a:visited
  2. {
  3. 	color:#000;
  4. }
  5.  
  6. a:hover,a:active,a:focus
  7. {
  8. 	background:#000;
  9. 	color:#FFF;
  10. }

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