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

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

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

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

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

.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.Вид материалов
Ищем:
$MESSAGE$
Выделить код в новом окне

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

Установка:

После /head на нужных страницах вставляйте:

<link type="text/css" rel="stylesheet" media="all" href="/css/local.css" />
<script type="text/javascript" src="/js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="/js/jquery.waterwheelCarousel.js"></script>
<script type="text/javascript">
$jqNew = jQuery.noConflict(true);
$jqNew(document).ready(function () {
$jqNew("#waterwheel-carousel-default").waterwheelCarousel();
});
</script>
Выделить код в новом окне

Следующий код в то место, где будет располагаться галерея:

<div id="waterwheel-carousel-default">
<div class="carousel-controls">
<div class="carousel-prev">
<a href="#">< Назад</a></div>
<div class="carousel-next">
<a href="#">> Вперёд</a></div>
</div>
<div class="carousel-images">
<img alt="Test Image 1" src="/images/testImage1.png" />
<img alt="Test Image 2" src="/images/testImage2.png" />
<img alt="Test Image 3" src="/images/testImage3.png" />
<img alt="Test Image 4" src="/images/testImage4.png" />
<img alt="Test Image 5" src="/images/testImage5.png" />
<img alt="Test Image 6" src="/images/testImage6.png" />
<img alt="Test Image 7" src="/images/testImage7.png" />
<img alt="Test Image 8" src="/images/testImage8.png" />
<img alt="Test Image 9" src="/images/testImage9.png" />
<img alt="Test Image 10" src="/images/testImage10.png" />
<img alt="Test Image 11" src="/images/testImage11.png" />
</div>
</div>

კარგი დლე დიზაინი უცოზის საიტებისთვის.