Зарабатываю на smmka.ru
Главная » Статьи » Скрипты » Скрипты для uCoz

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

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

У многих на своих сайтах нет отдельного поля в новостях для изображения(Они выводятся справа от текста), а если делать отдельное поле, то нужно в каждом материале редактировать...

Теперь есть решение с помощью 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]

$MESSAGE$.
[code]
Категория: Скрипты для uCoz | Добавил: dEnny (13.01.2011)
Просмотров: 420 | Комментарии: 1 | Теги: автоматического, скрипт, изображения, уменьшения | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz