VGH: Jak ustalić stałą szerokość zdjęć w Forum

Bardzo często dodawane zdjęcia w postach w Forum na stronach vgh.pl deformują wygląd strony, tzw. strona się rozjeżdża, zwłaszcza jak ktoś ma ustaloną szerokość strony w px, a zdjęcie ma znacznie większą szerokość. Przeglądanie w takiej sytuacji strony/konkretnego tematu jest wizualnie nie korzystne. Aby ustalić wszystkim dodawanym zdjęciom konkretną szerokość można to zrobić przy pomocy CSS. Uwaga: poniższy kod z poradnika także będzie wpływał na szerokość zdjęć dodanych do sygnaturek.

1. Dodaj nowy lub edytuj istniejący panel:
PA -> Zarządzanie stroną -> Zarządzanie panelami

2. W treść panelu wklej kod CSS:
<style type="text/css">
/*-------Ustalenie stałej szerokości zdjęć w Forum--------*/
/*-------Przygotowane przez fantagiro | fantidesign.blogspot.com-------*/
.tbl1[valign="top"] img[style="border:0px"] {
max-width:300px;
max-height:auto}
</style> 
3. Zapisz panel.

W kodzie wpisałam domyślnie 300px szerokości, oczywiście tą wartość możecie zmienić wg własnego upodobania.
Zdjęcia, które mają szerokość mniejszą niż w kodzie zdefiniowanym powyżej to oczywiście wyświetlą się w domyślnej szerokości.

Brak komentarzy:

Prześlij komentarz