Accordion Menu źle wyświetlane w Operze - Strona 3
Strona 3 z 3 PierwszyPierwszy 123
Wyniki 21 do 22 z 22

Temat: Accordion Menu źle wyświetlane w Operze

  1. #21
    Nowicjusz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    18
    Punkty
    2

    Domyślny

    Dzięki @zwiastun.

    - - - Updated - - -

    Cytat Wysłane przez siristru Zobacz wiadomość
    2. Tutaj jest przykładowy kod:
    Kod HTML:
    Tak, dzięki, widzę, ale to jest kod wynikowy i z grubsza czaję jego działanie, pętlę itd., chodzi mi o "dokonywanie zamierzonych zmian" w plikach ".php" - jak znając składnię (bootstrapa) modyfikować je, żeby rezultat był taki jak ten kod.
    Mając w "_item.php"
    Kod PHP:
    defined('_JEXEC') or die;
    $item_heading = $params->get('item_heading', 'h4');?><?php if ($params->get('item_title')) : ?>
        <<?php echo $item_heading?> class="newsflash-title<?php echo $params->get('moduleclass_sfx'); ?>">    <?php if ($item->link !== '' && $params->get('link_titles')) : ?>        <a href="<?php echo $item->link?>">[/HTML]
    ...
    co dalej z tym zrobić?
    Chodzi o samą edycję.

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #22
    Bywalec siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    450
    Punkty
    52

    Domyślny

    Jak obiecałem wyjaśniam.

    1. Zrobiłem override czyli utworzyłem katalog mod_articles_news w katalogu html mojego szablonu.

    2. Tam skopiowałem pliki default.php i _item.php.

    3. Zmieniłem nazwę default.php na akordeon.php i _item.php na _item_akordeon.php.

    4. Teraz pozostaje wywołać plik _item_akordeon w pętli foreach w pliku akordeon.php, owijając to zewnętrznym divem struktury akordeonu collapse:

    Kod PHP:
    <div class="accordion<?php echo $moduleclass_sfx?>" id="my-accordion">
        <?php foreach ($list as $item) : ?>
            <?php require JModuleHelper::getLayoutPath('mod_articles_news''_item_akordeon'); ?>
        <?php endforeach; ?>
    </div>
    5. Teraz czas na plik _item_akordeon.php. Tutaj należy wywołać elementy powtarzalne struktury akordeonu i wywołać odpowiednie treści jak tytuł i wprowadzenie.

    Kod PHP:
      <div class="accordion-group">
        <div class="accordion-heading">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#my-accordion" data-target="#collapse<?php echo $item->id?>">
            <?php echo $item->title?>
          </a>
        </div>
        <div id="collapse<?php echo $item->id?>" class="accordion-body collapse">
          <div class="accordion-inner">
                <?php if ($params->get('show_introtext''1')) : ?>
                    <?php echo $item->introtext?>
                <?php endif; ?>
                <?php if (isset($item->link) && $item->readmore != && $params->get('readmore')) : ?>
                    <?php echo '<a class="readmore" href="' $item->link '">' $item->linkText '</a>'?>
                <?php endif; ?>
          </div>
        </div>
      </div>
    Ważne by wywołać unikatowe ID kontenera z wprowadzeniem dlatego wykorzystujemy najprostsze z możliwych - ID artykułu:

    Kod PHP:
    data-target="#collapse<?php echo $item->id?>"
    Oraz to samo już w kontenerze z treścią:

    Kod PHP:
    <div id="collapse<?php echo $item->id?>" class="accordion-body collapse">
    Teraz pozostaje już tylko wywołać tytuł artykułu który będzie przyciskiem akordeonu:

    Kod PHP:
    <?php echo $item->title?>
    Oraz treść wprowadzenia i przycisk więcej:

    Kod PHP:
                <?php if ($params->get('show_introtext''1')) : ?>
                    <?php echo $item->introtext?>
                <?php endif; ?>
                 <?php if (isset($item->link) &&  $item->readmore != && $params->get('readmore')) : ?>
                     <?php echo '<a class="readmore" href="' .  $item->link '">' $item->linkText '</a>'?>
                <?php endif; ?>
    Wszystko w zasadzie jest podane na tacy w plikach i dokumentacji collapse bootstrapa

    Jeśli po złożeniu tego kodu nie będzie działać - to może oznaczać, że potrzebny jest aktywator dla collapse ale raczej powinno ruszyć bez problemu. Teraz potrzebujesz tylko stylizacji CSS (z tym pewnie sobie już poradzisz) i masz własny akordeon - jedno rozszerzenie mniej

    Tutaj ustawienia modułu migawek - istotne ustawienia zaznaczone:

    http://prntscr.com/i1dfre
    http://prntscr.com/i1dg3x

    Tutaj przykład jak to działa na mojej stronie:

    http://siristru.prolusatia.pl/test/i...d=1&Itemid=108

    Jak nie poradzisz sobie po tej instrukcji to zawsze mogę ci przesłać moje pliki.
    Само слога Славjанa спашава - Свуда пођи, својој кући дођи.

Strona 3 z 3 PierwszyPierwszy 123

Podobne tematy

  1. [Joomla 2.5]Źle wyświetlane nazwy
    przez oas na forum Administracja - ogólnie
    Odpowiedzi: 2
    Ostatni post/autor: 28-02-2012, 20:57
  2. Źle wyświetlane zdjęcia w phoca gallery
    przez badabing na forum Galerie, media, obsługa grafiki i innych mediów
    Odpowiedzi: 0
    Ostatni post/autor: 16-06-2011, 23:20
  3. problem po instalacji - źle wyświetlane etykiety i menu zaplecza
    przez cezarc na forum Instalacja, aktualizacja, migracje
    Odpowiedzi: 7
    Ostatni post/autor: 30-05-2011, 10:20
  4. Źle wyświetlane czcionki
    przez matiuk na forum Problemy z przeglądarką Internet Explorer
    Odpowiedzi: 14
    Ostatni post/autor: 30-11-2008, 23:04
  5. Źle wyświetlane przypisy pod IE
    przez ktp na forum Administracja Joomla!
    Odpowiedzi: 1
    Ostatni post/autor: 10-12-2006, 23:51

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •