testblog

Dodanie galerii

Aby uzyskać kod, do umieszczenia w polu HTML, należy wejść do swojej galerii na FotoForum, a następnie kliknąć przycisk obok napisu "Pokaż swoje zdjęcia na blogu" (przycisk oznaczyłem czerwoną ramką na rys. 1.). Pojawi nam się blok (rys. 1.) z opcjami galerii oraz kodem do skopiowania na bloga.

Rys. 1. Blok z opcjami konfiguracyjnymi galerii miniaturek.

Dodatkowa modyfikacja

Oprócz opcji dostępnych podczas wstępnej konfiguracji galerii możemy wpływać na jej wygląd jeszcze w dwojaki sposób: poprzez zmianę parametrów w adresie skryptu oraz arkusz CSS.

Parametry przekazywane w adresie

Wygenerowany kod dla naszej galerii zawiera w adresie listę parametrów rozdzielonych znakiem &. Pełna definicja parametru, wraz z jego wartością, ma wygląda następująco: &NAZWA_PARAMETRU=WARTOŚĆ.

Lista dostępnych parametrów wraz z ich funkcją i dostępnymi parametrami.

• tag[=KLUCZ] - pozwala na ograniczenie wyświetlanych zdjęć do tych oznaczonych zadanym kluczem. Galerię wyświetlającą zdjęcia o zadanym kluczu uzyskamy także generując kod na stronie odpowiadającej danemu kluczowi.
• showTitle[=0 lub 1] - określa, czy mają być wyświetlane opisy do zdjęć (0 - nie; 1 - tak)
• count[=1 do 12] - określa liczbę wyświetlanych zdjęć. W panelu można ustawić maksymalnie 5, ale z moich obserwacji wynika, że maksymalna liczba wynosi 12.
• defaultStyles[=1 lub 2] - Definiuje jeden z domyślnych styli galerii (1 - układ pionowy, 2 - układ poziomy). Brak parametru, to brak wewnętrznego stylu dla galerii.

Należy zwrócić uwagę na fakt, iż możemy umieścić wiele galerii na jednej stronie, a dzięki parametrowi tag każda z nich może zawierać zdjęcia z innej kategorii.

Klasy poszczególnych elementów galerii

Jeżeli chcemy samodzielnie określić styl dla galerii, to pozostawiamy &defaultStyles bez przypisanej wartości, lub zwyczajnie usuwamy z adresu.

Przy definiowaniu własnego stylu przydatna będzie znajomość klas jakimi oznaczono poszczególne jej elementy:

• z_FotoForum - blok obejmujący całą galerię. Jeżeli dodamy więcej galerii, to będą one oznaczane klasami z_FotoForum, z_FotoForum1, z_FotoForum2 itd.
• zf_head - blok obejmujący linki na górze galerii;
• zf_flink - blok obejmujący odnośnik do FotoForum;
• zf_title - odnośnik do FotoForum;
• zf_more - blok obejmujący odnośnik do galerii użytkownika;
• zf_clr - puste bloki przed i po bloku z miniaturkami;
• zf_body - blok z miniaturkami zdjęć;
• zf_entry - blok zawierający pojedyncze zdjęcie.

Przydatne definicje CSS

Jeżeli zdecydujemy się na samodzielne formatowanie galerii miniaturek, wówczas najlepiej robić to kompleksowo i usunąć parametr &defaultStyles z końca adresu skryptu. Zdefiniowanie wartości dla tego parametru skutkuje wstawieniem do dokumentu lokalnego szablonu CSS, który będzie miał większy priorytet niż zewnętrzny szablon, do którego mamy dostęp w ustawieniach bloga. Usunięcie domyślnego szablonu spowoduje jednak konieczność jego zastąpienia w głównym szablonie naszego bloga.

Poniżej zamieszczam kilka definicji CSS, które mogą być przydatne w przygotowaniu własnego szablonu dla galerii.

Odnośników do FotoForum w górnych rogach

.zf_flink{float: left; width: 10ex}
.zf_more{float: right}
.zf_head{height: 1.2em}

Wyświetlenie obrazków poziomo

.zf_entry{display: inline}

Usunięcie obramowania miniaturek

.zf_entry img{border: 0}

Przedstawiony wyżej opis stanowi tylko zbiór przydatnych, przy modyfikacji wyglądu galerii, wiadomości. Wynik końcowy zależy od Ciebie...