Top Panel 
30 Maj 2009 |
|
Template16 Demo Narzędzia Templatka ma zainstalowany mechanizm zmiany rozmiarów strony, mechanizm powiększania lub zmniejszania rozmiarów czcionek, mechanizm zmiany styli kolorystycznych (3 style) realizowany w sesji; parametry te zmienia się w po stronie admina w parametrach szablonu i również po stronie użytkownika poprzez wybór określonego narzędzia. ( UWAGA: po zmianie przez admina by obejrzeć wprowadzoną zmianę na tym samym sprzęcie po chwili należy wyczyścić historię strony w przeglądarce). Grafiki sterujące narzędziami dla użytkowników można pokazać lub schować w parametrach szablonu. Szerokości wyświetlania szablonu są proporcjonalnie zależne od szerokości okna przeglądarki. Szablon automatycznie dostosowuje szerokość do 80%, 90% lub 85% szerokości okna (ustawienia w parametrach szablonu - łatwo można zamienić wyświetlaną szerokość na inną np. 99%, szczegóły podajemy e-maielm ). 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): bignumber i number-b, number-k, number-y, nummber-g, number-r 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 Pokaz slajdów w szablonie 16 jest umieszczony na wysokości logo. Takie umiejscowienie umożliwiło zaimplementowanie pokazu o stałych rozmiarach - szerokość 500px, wysokość 200px. Elementami pokazu są moduły - pozycje od user 13 do user 20. 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.
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. Dymki (tips) Szablon posiada wbudowaną dodatkową klasę mttips, pozwalającą na generowanie dymkiów poprzez przypisanie do dowolnego linku ww. klasy, z podaniem tytułu i treści po znakach "::" Przykład dla grafiki: <a class="mttips" href="#" title="Tytuł wpisu::treść"><img src="images/stories/proba2.jpg" border="0" alt="Test" width="500" height="200" /></a> Dymki można wyświetlać dla dowolnego tekstu, linka, grafiki itd.
LoginPanel Szablon posiada ukrytą strefę top, przystosowaną do modułu logowania poziomego (pozycja loginpanel). Po uaktywnieniu modułu automatycznie uwidoczni się link (obok menu głównego) do otwierania / zamykania tej strefy. Tekst sterujący można wybrać w parametrach templatki.
Powrót do strefy Top Dla serwisów z dużą liczbą informacji (długa strona) zaimplementowano animowany powrót do góry strony. Linia bottom i lewy box Szablon ma tak zorganizowane klasy podstawowe, że na warstwie wierzchniej (position - absolute) wprowadzono tzw. lewy box (ze sloganem firmowym i linkiem) oraz dolny box (pasek), w którym można umieścić np. moduł MT_ILine z najnowszymi przewijanymi informacjami.
|
Close 
