|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Обрезать картинку в статье |
Обрезать картинку в статье |
Что можно придумать чтобы картинка вставленная при добавлении материала была одинаковых размеров.
К примеру добавляем материал вставляем в описание картинку в визуальном редакторе без кода $IMAGE$ и она была определенных размеров в статье. |
xaNDer0630, если речь идёт о постере, то есть смысл выводить шаблонно, то есть через форму добавления материала прикреплять изображение, а через редактор шаблона сделать вывод уже этой прикреплённой картинки. За ширину отвечает width, за высоту - height : http://htmlbook.ru/html/img/width
Если речь идёт уже о множестве добавленных материалов, что нужно чтобы везде в них была картинка заданных размеров, что каждый материал править проблематично - прописать можно в таблицу стилей свойства эти на размеры. |
Так и нужно для множества.
.eMessage img чего туда присобачить такого чтобы картинка была одного размера но сохраняла пропорции. Допускаем есть картинка 1000х600пх , окей она в материале становиться 500х300пх благо .eMessage img установив там ширину , необходимо обрезать ее по высоте к примеру 500х150пх. Ну как то так Картинка добавляется при написании статьи. Без использования бекграунд Сообщение отредактировал xaNDer0630 - Воскресенье, 12 Июл 2015, 18:17:11
|
xaNDer0630, прописывается max-height и max-width в таблицу стилей (лучше в самый низ таблицы стилей и с !important). Собственно, такое нужно прописывать и для аватарок, изображений в постах форума, а еще ограничение на подпись пользователя (чтобы подобного рода изображения не портили шаблон сайта) - это как совет.
Сообщение отредактировал -SAM- - Воскресенье, 12 Июл 2015, 18:49:51
|
Прикрепления:
5637364.jpg
(471.9 Kb)
|
Не понимаю, чего значит резались? Вы задаете им изменение размеров, которые подбираете под своё разрешение экрана и каркас шаблона сайта. Если вам нужно, чтобы изображения большие были справа частично не видны, то тут уже идёт переписка середины шаблона сайта, судя по всему... задается http://htmlbook.ru/css/overflow hidden (как-то так).
Сообщение отредактировал -SAM- - Воскресенье, 12 Июл 2015, 19:32:55
|
Нет.
Вот тут 400пх допустим в высоту нужно чтобы было 200пх притом изображение не должно быть как на втором рисунке , а обрезанным допустим по середине. Притом это изображение добавляется вместе со статьей не используется как бегграунд. Прикрепления:
7165264.jpg
(452.0 Kb)
·
6791986.jpg
(464.6 Kb)
|
Думаю, можно скриптом обернуть изображения эти в отдельный div-блок, а уже этому блоку отдельный css-класс и соответственно стилизацию прописать, чтобы была фиксированная высота, подрезка. Или вообще скриптом сделать, чтобы было изображение это задним фоном блока, а этот фон - по центру. Для этих целей используется before и after (что в css, что в jQuery).
|
Тему можно закрывать , решение "Вид материала"
Код <div style="width: 540px;height: 200px; border-radius: 5px; overflow: hidden;"><img src="$IMG_URL1$" style="position: inherit; margin-top: -70px;" /></div> Сообщение отредактировал xaNDer0630 - Воскресенье, 12 Июл 2015, 21:53:20
|
| |||
| |||