Как на сайте(в теме) реализованы картинки

@narem · Регистрация: 20.11.2015

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

Каким методом на этом http://c.gr.antiparasite.ru сайте реализованы картинки?
https://pp.vk.me/c637328/v6373... gksy1U.jpg

@Fedor92 · 13.02.2017, 17:42

narem, с помощью спрайта фоном вставлены...

@OldDocHarly · 13.02.2017, 18:33

Как сказал Fedor92, картинки на первом фото реализованы с помощью спрайтов, вот строка реализации

HTML5
1
<i class="sprite sprite-do--1"></i>

.
А на втором фото, реализовано таким образом

HTML5
1
2
3
4
<div class="product-big_sh--top sprite sprite-bg-sh">
    <p>Осталось</p>
    <i class="lastpack" style="">5</i> <span>фл.</span>
</div>

Если есть вопрос, про данную реализацию на своем сайте, то на втором фото, можно сделать изменение количества с помощью PHP скрипта.

Извиняюсь, за жирные фото

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

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

	Как на сайте(в теме) реализованы картинки 13.02.2017, 17:14. Показов 1320. Ответов 2 Метки нет (Все метки) Каким методом на этом http://c.gr.antiparasite.ru сайте реализованы картинки? https://pp.vk.me/c637328/v6373... gksy1U.jpg 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	13.02.2017, 17:42
	narem, с помощью спрайта фоном вставлены... 0

Как на сайте(в теме) реализованы картинки

Решение