Скрипт автоматического уменьшения изображения У многих на своих сайтах нет отдельного поля в новостях для изображения как на ucoz-scripts или megasoft(Они выводятся справа от текста), а если делать отдельное поле, то нужно в каждом материале редактировать...
Теперь есть решение с помощью 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
<div
class="telonews">$MESSAGE$<a target="_blank"
href="http://сайт.ru/"><font
color="#FFFFFF">.</font></a></div>
