Jeśli chcesz być informowany o nowościach związanych z systemem Webman - zapisz się na darmowy Newsletter.
|
RWD: 7.0.8
(20.10.2021)
Klasyczna:
5.9.3
(30.11.2015)
|
Wersja do testów
- klasyczna:
demo5.webman.pl/admin.php
Login: demo
Hasło: demo
- RWD:
demo6.webman.pl/admin.php
Login: demo
Hasło: demo
Polecamy |
|
|
|
|
|
Slajdy zdjęć/obrazków z modułu teksty i nowości |
W wersji 4.0.6 dodane zostały dwa bloki do pokazu slajdów pobierające zdjęcia/obrazki z modułów nowości i teksty oraz blok pokazujący losową firmę z modułu firma.
Sposób funkcjonowania bloków pokazteksty i pokaznowosci.
Włączamy opcję w ustawieniach głównych "Blok z zakladkami".
Dodajemy blok (jeden z wyżej wymienionych) w module bloki lub w module zakładki.
Obecnie konfiguracja bloków odbywa się poprzez pole "Parametr" przy dodawaniu lub edycji bloku, kolory mogą być zmienione w stylach css wybranego szablonu.
Konfiguracja poprzez wpisanie ciągu konfiguracyjnego w pole "Parametr":
- wpisujemy ciąg parametrów oddzielonych znakiem przecinka (",");
- minimalna ilość parametrów to cztery: id kategorii, maksymalna ilość elementów, szerokość i wysokość, np.: "1,5,400px,300px" - tu mamy id kategorii to 1, maksymalnie 5 zdjęć, 400 pikseli szerokość i 300 długość;
- definiowane w tym polu parametry:
przykład: 0,3,400px,300px,80px,900,4000,65,60,100%,60px,0px,test
* id kategorii: gdy 0 to pokazuje zdjęcia ze wszystkich artykułów, gdy różne od zera to zdjęcia z artykułów o danym id (w powyższym przykładzie 0),
* maksymalna ilość zdjęć dla pokazu (w powyższym przykładzie 3);
* szerokość slajdów, z dodaniem jednostki czyli, np. 500px (w powyższym przykładzie 400px);
* wysokość slajdów, z dodaniem jednostki czyli, np. 300px (w powyższym przykładzie 300px);
* miejsce umiejscowienia strzałek kontrolnych, od góry (w powyższym przykładzie 80px);
* czas trwania animacji slajdu w ms (w powyższym przykładzie 900);
* czas pomiędzy slajdami w ms (w powyższym przykładzie 4000);
* przeźroczystość strzałek kontrolnych w procentach (w powyższym przykładzie 65);
* przeźroczystość elementu pod tekstem w procentach (w powyższym przykładzie 60);
* szerokość elementu pod tekstem (w powyższym przykładzie 100%), poza % podajemy też w px;
* wysokość elementu pod tekstem (w powyższym przykładzie 60px);
* margines elementu pod tekstem (w powyższym przykładzie 0px), tu trzeba pamiętać, że zmieniając margines trzeba dostosować szerokość elementów i uwzględnić parametr padding (margines wewnętrzny) podany w stylach, domyślnie 5px - czyli szerokość = szerokość całego slajdu - margines*2 - padding*2;
* dodatkowy styl - jeśli chcielibyśmy mieć kilka tabel slajdów na jednej stronie z różną kolorystyką wówczas należy dodać dodatkowe style z zdefiniowanym tu prefiksem (w powyższym przykładzie test);
W planie jest dodanie możliwości konfiguracji bloków bezpośrednio w modułu bloki - zamiast wpisywania ciągu znaków tak jak to jest teraz dla niektórych bloków, w tym bloków pokazteksty i pokaznowosci, będzie dodana opcja konfiguracji poprzez wybór lub wpisanie wartości dla poszczególnych pól.
Style
W każdym szablonie systemu są zdefiniowane teraz dodatkowe klasy (dla tych bloków) css:
.slideforward { display: block; position: absolute; cursor: pointer; width: 13px; height: 14px; right: 5px; background: url(images/arrowf.gif) no-repeat center; }
.slideback { display: block; position: absolute; cursor: pointer; width: 13px; height: 14px; left: 5px; background: url(images/arrowb.gif) no-repeat center; }
.slideinfo { position: absolute; bottom: 0px; color: inherit; background: #ADAA9C; padding: 5px; }
.slideinfotext { position: absolute; bottom: 0px; color: #FFFFFF; background: inherit; font-size: 14px; font-weight: bold; padding: 5px; }
.slideelement { display: block; position: relative; float: left; text-align: left; }
Definicja, która powinna głównie nas interesować to
* slideinfo - czyli element przeźroczysty gdzie mamy:
- bottom: 0px - podłączenie do dołu slajdu (można by dać zamiast tego top: 0px i ten element powinien znaleźć się u góry), taki sam parametr musi być wpsiany w slideinfotext;
- background: #ADAA9C; - kolor tła;
* slideinfotext - tekst na powyższym elemencie, podobnie jak wyżej:
- color: #FFFFFF; - definicja koloru tekstu;
* slideforward, slideback - to elementy strzałek kontrolnych, można je zmienić.
Bloki mogą być teraz również podłączane do modułu zakładki.
Trzeba pamiętać, że do działania ww. bloków wymagane są jakiekolwiek obrazki w artykułach modułów nowości lub teksty.
digisoft, 14-01-2010, odsłon: 4805 |
|
|
|