Cześć,
Zacznijmy od tego, że pomniejszony rozmiar wielkości obrazka załącznika, warto jest zadeklarować tak, aby ten kod działał dopiero od określonej rozdzielczości. Na Smartfonach, kiedy się przegląda forum w orientacji (zazwyczaj) pionowej, to wygodnie jest mieć te załączniki zdjęciowe na 100% z tej prostej przyczyny, że to jest wygodne Mierzyłem się z tym samym u siebie i rozwiązałem to takim kodem, który musisz wstawić w CUSTOM.CSS swojego szablonu, tym sposobem nadpiszesz ustawienia domyślne:
@media screen and (min-width: 500px) {
.cPost div[data-role="commentContent"] img.ipsImage_thumbnailed {
height: 250px;
margin: 2px 2px;
float: left;
border-radius: 25px;
}
}
Oczywiście border-radius możesz wywalić, jeśli nie chcesz mieć przyokrąglonych brzegów, ale fajnie to wygląda. Ten kod, zadziała dopiero wtedy, gdy ekran będzie szerszy niż 500 pikseli. Możesz tą wartością, jak też wartością height, dowolnie regulować. Margines oraz float służy temu, by zdjęcia układały się poziomo lecz tylko wtedy, gdy jest ku temu miejsce. Będą się po prostu "przelewać" w dół, w zależności od rozdziałki ekranu.