Top Panel 
22 Lut 2009 |
|
Template 14 Demo Narzędzia W szablonie zainstalowany jest mechanizm zmiany rozmiarów strony, mechanizm powiększania lub zmniejszania rozmiarów czcionek, mechanizm zmiany styli kolorystycznych (3 style); ww. parametry można zmieniać w po stronie zaplecza w parametrach i po stronie użytkownika poprzez narzedzia. ( UWAGA: po zmianie przez admina by obejrzeć wprowadzoną zmianę na tym samym sprzecie należy wyczyścic historię strony w przeglądarce i cookies dla tej strony). Grafiki sterujące narzędziami dla uzytkowników można odkryć lub ukryć w parametrach strony. Menu Templatka ma zaimlementowane 2 rodzaje menu z aktywnymi podmenu: pionowe suckerfish i pionowe suckerfish z jednym z efektów mootools. Menu ustawia się po stronie admina. Typografia W szablonie zostały zaimplementowane różne dodatkowe klas typograficznych, które można używać w zależności od swoich potrzeb. Klasy: phone, audio, movie, tools, shop, download, errors, info, white, light: przykład zastosowania: <p class="phone">wpisy wpisy wpisy wpisy wpisy </p> Klasy (numerowanie, duże numery): biignumber i number-b (blue), number-k (black), number-y (grey), nummber-g (green), number-r (red) przykład: <p class="bignumber"><span class="number-b">02.</span></p><p> wpis wpis wpis wpis </p> Klasy (wyliczanie): check-r (red), check-g (green), check-b (blue), check-k (black), check-y (grey) przykład: <ul class="check-r"><li>pierwszy wpis/li><li>drugi wpis</li> <li>trzeci wpis</li><li>czwarty wpis</li></ul> Klasa dropcap, przykład: <span class="dropcap">P</span> </p><p>ierwsza litera w zdaniu jest wielka.</p> Klasa highlight, przykład: <span class="highlight">highlight</span> Klasa inputbox, przykład: <span class="inputbox">inputbox - zapis w ramce..</span> Klasa button, przykład: <span class="button">button</span> Klasa mtbutton, przykład: <a class="mtbutton" href="#">mtbutton</a> Klasa blockquote, przykład: <blockquote><p>Cras ut ligula. Mauris sed felis vitae orci interdum tempor. Pellentesque habitant morbi tristique.</p></blockquote> </div> W templatce demo prezentujemy wygląd każdej z ww. klas typograficznych. Pokaz slajdów Szablon ma ciekawie rozwiązany pokaz slajdów - elementami pokazu są moduły. Takie rozwiązanie powoduje, że nie tylko można implementować do pokazu zdjęcia czy reklamy, można również prezentować dowolny kod HTML (custom HTML), standardowe i rozszerzone moduły systemu (popular, latestews, itd) czy moduły zainstalowanych komponentów systemu. Powoduje to rzadką uniwersalność templatki w tym obszarze. Pokaz slajdów składa się z modułów na pozycjach od user13 do user20 ( styl zmodyfikowany XHTML). By uruchomić pokaz należy modułom przypisać ( jednemu lub więcej ) treść i włączyć. Począwszy od templatki14 postanowiliśmy dodac do parametrów templatki szerokość pokazu. Jest to korzystne, gdy użytkownik chce np. prezentować grafiki o jednakowym rozmiarze. Można np. ustawić po stronie admina w parametrach templatki, np. liczbe 400 (oznacza ona szerokośc 400px) - moduły header i advert2 odpowiednio automatycznie dostosują swoją szerokość. Można wówczas utworzyć grafiki o szerokości 400px, wpisać je do modułów (13 do 20) i prezentować. Oczywiście można je łączyć w ramach pokazu z iinnymo modułami. Nie zrezygnowalismy z automatyki pokazu - gdy admin pozostawi wartosć 0 pokaz zajmie 1/2 szerokości strony ( gdy włączone header - 1/4 szerokości i advert2 - równiez 1/4 szerokości ) itp. Sterowanie pokazem slajdów odbywa sie poprzez odpowiednie buttony. Ich liczba jest powiązana z ilością włączonych modułów w pokazie. Istniej równiez możliwość (parametry szablonu po stronie admina) wyłączenia wszystkich przycisków lub pozostawienia podstawowych. Dodatkowo pokaz slajdów można zatrzymać w dowolnym momencie po najachaniu myszą na pole danego modułu. Oczywiście pokaz równiez dostosowuje automatycznie swą szerokość do wybranej szerokości strony. Dymki Dołożyliśmy skrypt wprowadzajacy nowa klasę do kreowania (tips) dymków z komentarzem. W dowolnym artykule czy module można generowac dymki poprzez przypisanie do dowolnego linku dającego przekierowanie lub nie (znak "#") klasy mttips, z podaniem tytułu i treśi po znakach "::" Przykład dla grafiki: <a class="mttips" href="#" title="Tytuł wpisu::treść wpisu wpisy wpisy wpisy wpisy wpisy wpisy"><img src="images/stories/proba2.jpg" border="0" alt="Tytuł" width="400" height="200" /></a> Dymki można wyświetlać dla dowolnego tekstu, linka, grafiki itd. LoginPanel Szablon posiada ukrytą strefę u góry strony, gdzie można wprowadzić dodatkowo 2 moduły: pozycje loginpanel i user34 (moduły typu raw) Uaktywnia się po włączeniu modułu w pozycję loginpanel ( automatycznie równiez uaktywnia sie link sterujący) - jest to pozycja przystosowana do modułu logowania poziomego, który na stałe zaimplementowany został w szablonie. Do sterowania modułu służy link po prawej stronie topmenu - tekst sterujący można dowolnie dodać w parametrach templatki. TopPanel i BottomPanel Dla użytkowników prowadzących serwisy z większą ilością modułów do templatki dodano rozwijane strefy TopPanel i Bottom Panel z modułami ( typu rounded - top i typu XHTML - bottom ). odpowiednio od user9 do user12 i od user25 do user28. W strefach zastosowano również pełną automatykę modułów. Nazwy sterujące panelami można ustawiać w parametrach templatki. Powrót do strefy Top Dla serwisów z dużą liczbą informacji (długa strona) uaktywniono animowany (prosty scroll mootools) powrót do góry strony.
|
Close 
