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:
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.
1. Dodaj nowy lub edytuj istniejący panel:
PA -> Zarządzanie stroną -> Zarządzanie panelami
2. W treść panelu wklej kod CSS:
3. Zapisz panel.<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>
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