--=REKLAMA=--

Blog more

Z Joomla!WikiPL

(Przekierowano z Poradnik:CSS - blog more)

<< Zobacz stronę Standardowe style CSS w Joomla!

Opisywany element Selektor ID Selektor klasy Przyrostek
div blog_more pageclass_sfx
Szablony dla: Joomla 1.5
Zastosowany w: components/com_content/views/category/tmpl/blog.php

components/com_content/views/section/tmpl/blog.php
components/com_content/views/frontpage/tmpl/blog.php
Stylizuje: tytuł sekcji odnośników Zobacz też (Więcej artykułów) na stronach przeglądów artykułów
.blog_more {}

Przeznaczenie

Klasa. Formatuje element <div> obejmujący tytuł bloku odnośników i listę odnośników na stronach przeglądów artykułów.

Blog more.png

Wykorzystany

W skryptach Joomla 1.5 definiujacych wygląd stron przegląd artykułów z kategorii, przegląd artykułów z sekcji i przegląd "Strona startowa":

  • components/com_content/views/category/tmpl/blog.php
  • components/com_content/views/frontpage/tmpl/default.php
  • components/com_content/views/section/tmpl/blog.php

Kod PHP

<?php if ($this->params->def('num_links', 4) && ($i < $this->total)) : ?>
<tr>
   <td valign="top">
      <div class="blog_more<?php echo $this->params->get('pageclass_sfx') ?>">
      <?php
      $this->links = array_splice($this->items, $i - $this->pagination->limitstart);
      echo $this->loadTemplate('links');
      ?>
      /div>
   </td>
</tr>
<?php endif; ?>

Kod HTML

<div class="blog_more">
   <div>
      <strong>Więcej artykułów&hellip;</strong>
   </div>
   <ul>
      <li>
         <a class="blogsection" href="/nowiny/54-joomla.html">Wybrać Joomla?</a>
      </li>
      <li>
         <a class="blogsection" href="/nowiny/53-rozpocznij.html">Rozpocznij dzisiaj!</a>
      </li>
      <li>
         <a class="blogsection" href="/nowiny/1-witaj-u-joomla.html">Witaj u Joomla!</a>
      </li>
      <li>
         <a class="blogsection" href="/nowiny/77-faq-2.html">Kopie artykułów</a>
      </li>
   </ul>
</div>

Przykładowy kod CSS

div.blog_more {
   background-color: #F8F8F8;
   padding: 10px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #D4D0C8;
}
div.blog_more strong {
   text-transform: uppercase;
}