Как изменить размеры картинок

голоса: 0

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

 

http://hostingkartinok.com/show-image.php?id=53db76af9495736c588a6dccfd5b87b9

http://hostingkartinok.com/show-image.php?id=c618ee3501af5c56e72a7679db0b4c8d

 

 

 

 

 

Вот вид материалов

<article class="short-story">
<div class="article-img"><img src="<?if($SCREEN_URL$)?>$SCREEN_URL$<?else?>$IMG_URL1$<?endif?>" alt="Постер к новости $TITLE$"></div>
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet"> 
<?if($DATE$='Сегодня' or $DATE$='Вчера')?><div class="newgames ng-red"> Новинка </div><?endif?>
<?if($MODER_PANEL$)?><div style="float: right;">$MODER_PANEL$</div><?endif?>
<div class="short-left">
<h2><a href="$ENTRY_URL$">$TITLE$</a></h2>
<p>$MESSAGE$</p>
</div>

<div class="short-panel">
<ul class="news-info" style="margin-right: -10px;">
<li><i class="fa fa-user"></i>Автор: <a href="$PROFILE_URL$">$USERNAME$</a></li>
<li><i class="fa fa-comment"></i>Комментарии: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a></li>
<li><i class="fa fa-eye"></i>Просмотры: $READS$</li>
</ul>

<div class="right-panel">
<a class="news-like" href="javascript://" id="golike" onclick="$.get('/load/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали Torrent материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><i class="fa fa-thumbs-o-up"></i>Like</a>
<a href="$ENTRY_URL$" class="go-read" rel="nofollow">Далее<i class="fa fa-arrow-circle-o-right"></i></a>
</div>

</div>
</article>

 

 

 

А вот шаблон информера в правом контейнере

<div class="videoPromo-list-item "> 
<div class="videoPromo-list-item-img"> 
<img itemprop="thumbnail" src="$IMG_URL1$"> 
<a href="$ENTRY_URL$"><i class="icoplay"></i></a> 
</div> 
<div class="videoPromo-list-item-text"> 
<div class="title"> 
<a style="font-size:11px;font-family:Arial;margin-bottom:3px"><a href="$ENTRY_URL$" title="Смотреть $TITLE$">$TITLE$</a></a> 
</div> 
</div> 
</div>

 

 

Адрес сайта http://mini-torrent.ru/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: webanet

Ответов: 1

Голоса: +1
 
Лучший ответ
В ксс пропишите .article-img img {  height: auto !important; }
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
ничего не изменилось
cаня Підгорний,
А что должно изменится? Какой размер нужен или что вообще.
Sentimo,

я конечно извеняюсь а куда размер вписывать  .article-img img {  height: auto !important; }

cаня Підгорний,

В файл стилей http://mini-torrent.ru/style/reset.css ищите в файловом менеджере в папке style

Yuri_Geruk,

Я нашл http://mini-torrent.ru/style/reset.css а что дальше делать непойму

 

cаня Підгорний,

Жмем на ключик напротив этого файла, файл откроется на редактирование, проматываем в самый низ и ставим стили:

.article-img img { height: auto !important; }

в самый низ, жмем кнопку Сохранить и готово. После очистите кеш в браузере CTRL+F5 и увидите изменения.

Yuri_Geruk,

вставить  вот ето>>>  .article-img img {  height: auto !important; }  в >>> http://mini-torrent.ru/style/reset.css или как ?

Yuri_Geruk,

а если вот так прописать  <img src="$IMG_URL1$" width="155" height="140" border="0">$IMAGE1$</img> в вид материалов зачем через css?

...