Время:
Меню сайта
Категории файлов
Блок: Фиолетовый фон
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Мини-чат
Статистика
Онлайн всего: 13
Гостей: 13
Пользователей: 0


Самые активные
Wonkz
10910 сообщений
Kирилл
7915 сообщений
HeRo_0INe
7079 сообщений
flemqaa
6807 сообщений
-Bacardi-
5939 сообщений
Tёмчик
5504 сообщений
Lexa4
5366 сообщений
Clouder16
5317 сообщений
AdWise
5266 сообщений
Gatop
5167 сообщений
Скрипт автоматического уменьшения изображения
Просмотров: 657 | Загрузок: 0 | Комментариев: 1 | Дата: 18.06.2025 | Добавил: Noodlex
Скрипт автоматического уменьшения изображения

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

Теперь есть решение с помощью CSS.
Все изображения будут автоматически уменьшаться и выводиться справа от текста!

И так, начнём!

1. В CSS вставляем этот код
Code

Quote
.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

Quote
$MESSAGE$

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

Комментарии
1 AnoMALiYA  
Всё работает) Спасибо)