Приветствую Вас, Потерянный Воскресенье, 16.12.2018, 15:33
RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz зона » Другие скрипты для Ucoz » Скрипт автоматического уменьшения изображения
Скрипт автоматического уменьшения изображения

SkylineДата: Суббота, 15.01.2011, 19:42 | Сообщение # 1
Главный Администратор
Группа: Администраторы
Сообщений: 147
Репутация: 12
Статус: Offline

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

Теперь есть решение с помощью 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.Вид материалов
Ищем:

Quote
$MESSAGE$

Заменяем на:

Code
<div class="telonews">$MESSAGE$<a target="_blank" href="http://mmocheats.ru/"><font color="#FFFFFF">.</font></a></div>



 
Форум » Ucoz зона » Другие скрипты для Ucoz » Скрипт автоматического уменьшения изображения
  • Страница 1 из 1
  • 1
Поиск:

Создать бесплатный сайт с uCoz
Copyright MyCorp © 2018