Главная » Скрипты для uCoz » Новости сайта » Скрипт автоматического уменьшения изображения

Скрипт автоматического уменьшения изображения

·
Cкрипт автоматического уменьшения изображения. У многих на собственных сайтах нет отдельного поля в новостях для изображения(Они выводятся справа от текста), а если делать отдельное поле, то необходимо в любом материале редактировать.
Теперь имеется решение с поддержкою CSS.
Все изображения станут автоматически уменьшаться и выводиться справа от текста!
Установка:

1. В CSS вставляем этот код
Code
.telonews {margin-top:-10px;}
.telonews img {
  float:left !important;
  width:160px !important; // ширина до которой будет уменьшаться изображение
  border: 5px solid #E5E2D1 !important; // Ширина рамки, стиль рамки, цвет рамки
  margin: -18px 10px 0px 0px !important;
  padding: 0px !important;
  background-color:#E5E2D1; // цвет фона
}

.telonews:hover img {
  float:left !important;
  width:160px !important; // ширина до которой будет уменьшаться изображение
  border: 5px solid #E5E2D1 !important; // Ширина рамки, стиль рамки, цвет рамки
  margin: -18px 10px 0px 0px !important;
  padding: 0px !important;
  background-color:#E5E2D1; // цвет фона
}

2.Вид материалов
Ищем:
Code
$MESSAGE$

Заменяем на:
Code
<div class="telonews">$MESSAGE$</a></div>



Последние темы на форуме:
 Почтовые акки с паролями
 Общение "часть 2 "
 Обмен регистрациями (Бесплатная раскрутка вашего сайта)
 Требуются Модераторы и Журналисты
 Оцените HD - кинотеатр



Теги: Новости сайта, скрипт, изображения, автоматического, уменьшения
  • Добавил: Воробей
  • Просмотров : 4933
  • Загрузок : 0
  • Добавлено: 24.10.2019
  • Категория: Новости сайта






Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]