• Rejestracja
vBHELP.pl - polskie wsparcie vBulletin
  1. #1
    Awatar Mateusz
    Mateusz jest nieaktywny vBHELP.pl Team
    Dołączył
    Feb 2008
    Przegląda
    Gdańsk
    Posty
    542
    Przydatne posty
    119
    Wpisów
    2

    Domyślnie Tworzenie własnych widżetów na podstawie szablonów.

    Krok 1. Tworzenie widżetu

    W tym kroku tworzysz nowy widżet.

    Wejdź do: admincp - vBulletin CMS - Widżety

    Załącznik 696

    Krok 1a
    Kliknij Create New Widget na dole tej strony.

    Załącznik 694


    Powinna pojawić się poniższa strona z polami: Widget Type, Tytuł, Opis. Wypełnij pola według podanego schematu.

    Widget Type: Static HTML
    Tytuł: Wpisz wybraną przez siebie nazwę.
    Opis: Krótko opisz co robi widżet.

    Załącznik 695

    Kliknij zapisz.


    Krok 2. Lokalizacja widżetu.

    Wejdz do: admincp - vBulletin CMS - Manager układu

    Na tej stronie znajduje się lista domyślnych lub przez ciebie stworzonych układów. Wybierz ten w którym ma być wyświetlany Twój widżet i wybierz na rozwijanej liście Edytuj.

    Załącznik 697


    Krok 2a

    Z listy po lewej stronie wybierz stworzony przez siebie widżet i kliknij w przycisk >.

    Załącznik 687

    Krok 2b

    Po naciśnięciu przycisku w pierwszej kolumnie pojawia się okno widżetu. Okno to możesz przeciągnąć do dowolnej z kolumn.

    Załącznik 691

    Kliknij zapisz.


    Krok 3. Skonfiguruj widżet.

    Cofnij się do listy widżetów i znajdź swój widżet, później kliknij w przycisk Configure.

    Załącznik 689

    Krok 3a. Konfiguracja

    Teraz powinieneś widzieć poniższe okienko popup. Pole Enter Static HTML pozostaw puste. A w polu Template Name podaj nazwę szablonu gdzie umieszczony będzie kod dla widżetu.

    Załącznik 690

    Krok 4. Dodaj szablon widżetu.

    Przejdź do admincp - Style i szablony - Zarządzaj stylem

    Załącznik 692


    Teraz z listy rozwijanej musisz wybrać opcję Add New Template.

    Załącznik 693

    4a. - Szczegóły Szablonu

    W polach na pojawiającej się stronie należy wypełnić według poniższej instrukcji.

    Tytuł: Wpisz nazwę szablonu, tę samą którą podałeś w punkcie 3a.
    Szablon: Wklej poniższy kod:

    Kod:
    <div class="cms_widget">
        <div class="block">
            <div class="cms_widget_header">
            <h3>{vb:raw widget_title}</h3>
            </div>
            <div class="cms_widget_content">
            Test widżetu, moja nazwa użytkownika: {vb:raw myusername}
            </div>
        </div>
    </div>
    Załącznik 688

    --------------------------------------------
    Źródło: vbulletin.org
    Załączone obrazki Załączone obrazki
    • Typ pliku: jpg 1.JPG (54.4 KB, 32 odsłon)
    • Typ pliku: jpg 2.JPG (17.1 KB, 19 odsłon)
    • Typ pliku: jpg 3.JPG (50.8 KB, 17 odsłon)
    • Typ pliku: jpg 4.JPG (93.7 KB, 16 odsłon)
    • Typ pliku: jpg 5.JPG (84.8 KB, 16 odsłon)
    • Typ pliku: jpg 6.JPG (85.6 KB, 18 odsłon)
    • Typ pliku: jpg 7.JPG (14.8 KB, 16 odsłon)
    • Typ pliku: jpg 8.JPG (41.7 KB, 21 odsłon)
    • Typ pliku: jpg 9.JPG (20.9 KB, 17 odsłon)
    • Typ pliku: jpg 10.JPG (29.1 KB, 22 odsłon)
    • Typ pliku: jpg 11.JPG (89.5 KB, 23 odsłon)
    Ostatnio edytowane przez Mateusz ; 20.01.2012 o 12:21



Chmurka.pl

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67