--=REKLAMA=--

Blogsection

Z Joomla!WikiPL

(Przekierowano z Poradnik:CSS - blogsection)

<< Zobacz stronę Standardowe style CSS w Joomla!

Opisywany element Selektor ID Selektor klasy Przyrostek
a blogsection
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: odnośniki w zestawie Zobacz też (Więcej artykułów) na stronach przeglądów artykułów
.blogsection {}
a.blogsection:link
a.blogsection:visited
a.blogsection:hover

Przeznaczenie

Klasa, na stronach typu przegląd artykułów formatuje element <a>: odnośniki do artykułów wyświetlane na liście Zobacz także [More Articles...].

Blogsection.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_links.php
  • components/com_content/views/frontpage/tmpl/default_links.php
  • components/com_content/views/section/tmpl/blog_links.php

Kod PHP

<ul>
<?php foreach ($this->links as $link) : ?>
   <li>
      <a class="blogsection" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($link->slug, $link->catslug, $link->sectionid)); ?>">
      <?php echo $link->title; ?></a>
   </li>
<?php endforeach; ?>
</ul>

Kod HTML

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

Przykładowy kod CSS

a.blogsection {
   display: block;
   background-image: url(../images/theme1/plus.gif);
   background-repeat: no-repeat;
   background-position: 0px 50%;
   padding-left: 18px;
   margin-top: 6px;
}