Question

Столкнулся с такой проблемой , что скрин слишком большой и выходит за поля и смещает сайт,

Как сделать, чтобы скрин уменьшелся до меньших размеров? http://prntscr.com/593vro

Answer 1

Попробуй это:

.forum_mess img {max-width: 100%;}

Все огромные картинки будут выравниватся под ширину класса forum_mess

А если будут маленькие или средние картинки меньше ширины класса forum_mess, то они останутся такими же

Все должно работать правильно!

Скрин:

Answer 2

Ещё есть способ, вставка картинки через HTML

<img src="http://сайт.ру/путь/картинка.png" Width="200" Height="150">

Width - ширина
Height - высота.

Comments

Нет! Я понимаю если была бы в виде материалов или гдето , но эта картинка добовляется на форуме, надо сделать, чтобы она автоматом уменьшалась

Answer 3

В вид материалов форума вставляем:

<style> #uSpoilerEnBdC_ img {width:600px;} </style>

 

Answer 4

Не не уменьшается http://www.naruto-grut.ru/forum/8-120-1

Comments

Почему просто нельзя вставить размеры картинки в html код?!

---

Скрипт написан не для спойлера.

Answer 5

Скриптом, вставить в вид материалов модуля форум, в самый конец.
 

<script type="text/javascript">
$(window).load(function(){
$('.ucoz-forum-post img').each(function(){
var maxWidth = 200;
var ratio = 0;
var img = $(this);

if(img.width() > maxWidth){
ratio = img.height() / img.width();
img.attr('width', maxWidth);
img.attr('height', (maxWidth*ratio));
}
});
$(".ucoz-forum-post img").wrap(function(){
return '<a href="'+ this.src +'" class="ulightbox"></a>';
});
});
</script>

Comments

Ладно, обойдемся без скриптов....

Это пропишите в ксс... 

.uSpoilerText img {width: 100px;}