VGH: Modyfikacja galerii

Jak wiemy strony na vgh.pl nie mają dostępu do FTP, a co za tym idzie wszelkie zdjęcia umieszczane w galerii muszą być hostowane na zewnętrznym serwerze. Dodatkowo jeśli zdjęcie ma duże wymiary, trzeba niestety bawić się w tworzenie do takiego zdjęcia miniaturki, gdyż domyślne opcje skalowania w opcjach "Zarządzania stroną" nie działają. Tutaj na ratunek może przyjść tylko CSS. Jeśli masz już dosyć ciągłego zmniejszania dużych zdjęć, robienia do nich miniaturek lub tego, że duże zdjęcia rozjeżdżają ci stronę? To dzięki poradnikowi wyjaśnię ci jak zrobić schludną i przejrzystą galerię, dzięki czemu wyeliminujesz te problemy.

1. Utwórz lub edytuj już istniejący panel (lewy lub prawy):
PA -> Zarządzanie stroną -> Zarządzanie panelami
2. Skopiuj i wklej poniższy kod:

<style type="text/css">
/*------Modyfikacja galerii-----*/
/*------Modyfikacja przygotowana przez Fantagiro || fantidesign.blogspot.com-----*/

/*------Miniaturki albumów-----*/
a[href*="photogallery.php?album_id"] img{
width:100px;
height:100px;
}

/*------Miniaturki zdjęć-----*/
a[href*="photogallery.php?photo_id"] img{
width:100px;
height:100px;
}

/*------Miniaturka okładki w albumie-----*/
td[rowspan="2"] img{
width:100px;
height:100px;
}

/*------Szerokość zdjęcia-----*/
a[onclick*="showphoto.php?photo_id"] img{
width:400px;
}
</style>

3. Zapisz i pamiętaj aby włączyć panel!.

Miniaturki zdjęć i albumów będą miały wymiary 100x100 px, zaś docelowe zdjęcie będzie miało szerokość 400px - oczywiście te wartości możesz zmienić wg własnego upodobania.
Po za tym jak zdjęcie zostanie kliknięte, aby je powiększyć to wyświetli się ono w realnym wymiarze - co jest pożądane.

Uwaga: kod nie działa oczywiście w PA - tak jak każdy skrypt, css itp, które zostały dodane do panelu, wtedy oczywiście zdjęcia widzimy w ich realnych wymiarach.