Главная » Статьи » Скрипты » Скрипты для 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]
| |
Просмотров: 420 | Комментарии: 1
| Теги: |
Всего комментариев: 0 | |