Уменьшенные изображения, скриншоты.

Голоса: +1
Вроде бы плевое дело,но не получается.

Хочу сделать три скриншота (уменьшенных изображений) в строку маленького размера, как скриншоты из кинофильма.

 вставлял коды типа IMG_URL и IMG_SMALL_URL, но не подходит преобразовать их в более меньший размер..

В настройках модуля в поле уменьшенное изображение пиксели уменьшал, такое ощущение что него ничего не зависит
Адрес сайта http://kinograd.ucoz.org/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +2
 
Лучший ответ

В шаблоне вида материалов или же страницы комментариев установите подобный код:

<div s tyle="display:inline-block;">
<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>
<?if($IMG_URL2$)?><a href="$IMG_URL2$" class="ulightbox"><img src="$IMG_SMALL_URL2$" alt="$TITLE$" /></a><?endif?>
<?if($IMG_URL3$)?><a href="$IMG_URL3$" class="ulightbox"><img src="$IMG_SMALL_URL3$" alt="$TITLE$" /></a><?endif?>
</div>

в коде - <div s tyle="display:inline-block;"> удалите пробел между символом s и другой частю кода.

| Автор:
Выбор ответа лучшим | | Автор: thegrad
У меня слишком большие скриншоты? http://kinograd.ucoz.org/load/smotret_cherepashki_nindzja_film_online_2014/1-1-0-2
thegrad,

заверните код выше вместо:

<div s tyle="display:inline-block;">

заверните в код:

<div class="sml-picte">

после в таблицу стилей CSS добавьте следующие стили:

.sml-picte {margin: 0 10px;}
.sml-picte img {width:195px;display: inline-block;}

после будет как нужно.

...