Więcej fajnych funkcji przy użyciu warstw

W poprzednich tutoriali opisaliśmy niektóre z zaawansowanych opcji warstw.
Sticky Layer (warstwą klejącą)

Lepkiej warstwy utrzymuje warstwa widoczna (góra / dół / lewo / prawo) w każdej chwili. Może to być przydatne, jeśli chcesz zachować menu lub obraz widoczny nawet jeśli przewija strony. Warstwa może być animowany, ustawiając wartość opóźnienia. Możliwe jest również użycie offset.
Jeśli opcja "Zachowaj pierwotne stanowisko, aż warstwa ma być ukryta" jest włączona, to warstwa będzie poruszać się tylko do określonej pozycji, jeśli chodzi o być przewijane poza widokiem.
Panel Layer
Warstwa Panel Demo:
./layers/panel_layer.html
Full width images
Pełna szerokość zdjęć
Warstwy mogą być również wykorzystywane do wyświetlania całej szerokości lub rozciągnięty obrazów na stronie.

- Wstawić warstwę i sprawiają, że ten sam szer exatcly jako strona
- Tryb ustawiony na "Default"
- Umożliwienie "względnej zmiany rozmiaru poziomego".
- We właściwościach stylu ustawić tryb tło do obrazu, wybierz zdjęcie, a następnie wybrać opcję "Nie powtarzaj '
- Obok ustawić rozmiar tła na "okładce", "zawierać" lub jeden z innych opcji rozmiaru.

- pokrywa
Skaluje obraz tła, aby być tak duży, jak to możliwe, że obszar tła jest całkowicie pokryte przez obraz tła. Niektóre części obrazu tła nie może być w widoku w obszarze pozycjonowania tła.

- zawierają
Skaluje obraz do największego rozmiaru tak, że zarówno jego szerokości, a jego wysokość może zmieścić się wewnątrz obszaru zawartości.

- procenty
Na przykład: "100% 100% 'będzie strech obrazów do 100% szerokości / wysokości obiektu. Inne wartości, jak '50% 50% ', są również możliwe.

- pikseli
Na przykład: '320px 250px' wyświetli obraz w określonym rozmiarze.
Modal Layer
Tryb warstwy modalne będzie umieścić warstwę na górze wszystkiego. Pozostałe elementy na stronie będą wyłączone aż do zamknięcia warstwy.
Jest to świetny sposób, aby wyświetlać komunikaty lub powiadomień.
Docking Layer
Warstwa dokująca pozwala na ustalenie warstwę do konkretnej stronie ekranu lub na środku ekranu. Główną różnicą między tym trybie i trybie nakładania lepkiej warstwy jest to, że tryb dokowania nie używa JavaScript, zamiast to wykorzystuje standardowe techniki CSS. To po prostu kolejny sposób na wykorzystanie warstwy i tryb ten może być również przydatna dla pełnych nagłówków i stopek.
na podstawie : http://www.wysiwygwebbuilder.com/morelayers.html
Pełna szerokość obrazu demo:
/fullwidth_image.html

Plik projektu z przykładami:
http://www.wysiwygwebbuilder.com/support/morelayers.zip

Przyklejony Warstwa demo:
./layers/sticky_layer.html

Modal warstwa demo:
./layers/modal_layer.html

Warstwa dokująca demo:
./layers/docking_layer.html
Warstwa panel jest początkowo niewidoczne, ale można go przesunąć z prawej lub lewej części strony za pomocą zdarzeń (pokaż / ukryj).

Nieruchomość Wyświetlacz określa relację panelu do zawartości strony. "Push" popycha strony nad i "overlay" wyświetlić warstwę nad treścią. Nieruchomość Dismissible określa, czy panel może być zamknięta poprzez kliknięcie na zewnątrz na stronę.

Ale warstwa ma jeszcze wiele fajnych funkcje! Oto prezentacja niektórych z tych ciekawych własciwości.







Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017