Как ограничить размер картинки в Краткой и Полной новости?

@SaNeR · Регистрация: 13.04.2014

Студворк — интернет-сервис помощи студентам

Ребят,решил поменять шаблон на своем сайте,и возник вопрос.На старом шаблоне при добавлении любого размера картинки,картинка не вылезала за поля,и не обрезалась,а оформлялась в рамочку и ограничивалась по размеру.Ну вот на скрине понятнее: эта картинка 1280х1280,и она так аккуратно стоит,и не вылезает за края блока новостей.

Как ограничить размер картинки в Краткой и Полной новости?

Не подскажите как это сделать?Либо это какой-то скрипт,хак?Помогите пожалуйста

@ludmila-sv · 19.11.2014, 22:25

Вставляйте как background-image, тогда точно никуда не вылезет.

@SaNeR · 20.11.2014, 17:02 **[ТС]**

А по точней можешь объяснить ? =)

@ludmila-sv · 20.11.2014, 17:24

JavaScript
1
2
3
4
5
6
7
#div-s-kartinkoi {
width: ...
height: ...
background: url(images/img.png) 100% 100% no-repeat; /* Добавляем фон */
background-size: cover; /* Масштабируем фон */
border: 3px solid #ccc;
   }

Или давайте код шаблона, напишу, как подправить.

@Karmisha · 20.11.2014, 17:26

а кудо подробней? Ищешь блок, где эта картинка и просиваешь

CSS
1
background-image: url(путь к файлу)

@SaNeR · 20.11.2014, 18:47 **[ТС]**

Сообщение от ludmila-sv

Код JavaScript
#div-s-kartinkoi {
width: ...
height: ...
background: url(images/img.png) 100% 100% no-repeat; /* Добавляем фон */
background-size: cover; /* Масштабируем фон */
border: 3px solid #ccc;
* *}
Или давайте код шаблона, напишу, как подправить.

А не подскажешь куда это все вставлять,в какой файл?Или из какого файла код дать?А то я в этих кодах пока не разбираюсь =)

@ludmila-sv · 20.11.2014, 21:35

Я думала, Вы сами шаблон собрались писать и знаете, где у Вас что.
А так-то я не скажу, и никто не скажет. Это надо на самом сайте смотреть. И не через админку, а в файлах покопаться.
Что у Вас за CMS и что за шаблон?

@SaNeR · 21.11.2014, 14:52 **[ТС]**

Сообщение от ludmila-sv

Что у Вас за CMS и что за шаблон?

Вот ссылка на шаблон

@ludmila-sv · 21.11.2014, 15:08

Шаблон - этот http://twenturecraft-ru.tk/ ?

А что Вы хотите поменять?
Если просто фоновую картинку, то вот путь к ней на том сайте:
http://twenturecraft-ru.tk/tem... ontent.jpg

или вот
http://twenturecraft-ru.tk/tem... tainer.png
(это серые кирпичи, а то - темный фон страницы).

Можете просто найти соответствующие папки у себя и положить туда другие картинки вместо этих.
А если сам шаблон менять, он в папке /templates/twenturecraftru/

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@SaNeR 0 / 0 / 0 Регистрация: 13.04.2014 Сообщений: 32

	Как ограничить размер картинки в Краткой и Полной новости? 19.11.2014, 19:08. Показов 2259. Ответов 8 Метки нет (Все метки) Ребят,решил поменять шаблон на своем сайте,и возник вопрос.На старом шаблоне при добавлении любого размера картинки,картинка не вылезала за поля,и не обрезалась,а оформлялась в рамочку и ограничивалась по размеру.Ну вот на скрине понятнее: эта картинка 1280х1280,и она так аккуратно стоит,и не вылезает за края блока новостей. Не подскажите как это сделать?Либо это какой-то скрипт,хак?Помогите пожалуйста 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	19.11.2014, 22:25
	Вставляйте как background-image, тогда точно никуда не вылезет. 1

@SaNeR 0 / 0 / 0 Регистрация: 13.04.2014 Сообщений: 32
	20.11.2014, 17:02 [ТС]
	А по точней можешь объяснить ? =) 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	20.11.2014, 21:35
	Я думала, Вы сами шаблон собрались писать и знаете, где у Вас что. А так-то я не скажу, и никто не скажет. Это надо на самом сайте смотреть. И не через админку, а в файлах покопаться. Что у Вас за CMS и что за шаблон? 1

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	21.11.2014, 15:08
	Шаблон - этот http://twenturecraft-ru.tk/ ? А что Вы хотите поменять? Если просто фоновую картинку, то вот путь к ней на том сайте: http://twenturecraft-ru.tk/tem... ontent.jpg или вот http://twenturecraft-ru.tk/tem... tainer.png (это серые кирпичи, а то - темный фон страницы). Можете просто найти соответствующие папки у себя и положить туда другие картинки вместо этих. А если сам шаблон менять, он в папке /templates/twenturecraftru/ 0