Приветствую Вас Прохожий | RSS Суббота, 10.12.2016, 08:00
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты для форума

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

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

У многих на своих сайтах нет отдельного поля в новостях для изображения как на 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
$MESSAGE$

Заменяем на:
Code
<div class="telonews">$MESSAGE$<a target="_blank" href="http://сайт.ru/"><font color="#FFFFFF">.</font></a></div>
Автор: Russia56
Автор\Источник: mmocheats.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3575 | Комментарии: 4 | Рейтинг: 5.0/1 | |Категория: Скрипты для форума | Добавил: ALINA | Дата: 21.04.2010 | Скачали: 0 | Теги: автоматического, Скрипт, изображения, уменьшения
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
4 golcev   Дата: 27.09.2011  Время: 23:40   [№ 10480]
Спасибо за скрипт!

3 Zhekiz2222   Дата: 21.04.2010  Время: 19:47   [№ 2702]
1x, ну каталог фото мне нужен будет для обоев, но спасибо за подсказку, если там так как мне нужно то я попробую понять систему и частично перенести в каталог файлов)

Хотя если вы знаете суть этого процесса то я был бы очень благодарен если бы вы мне помогли его адаптировать к хайслайду, или без него но по тойже системе smile


1 Zhekiz2222   Дата: 21.04.2010  Время: 18:54   [№ 2700]
Это всё хорошо, но вот у мя давно есть вопрос, можно ли сделать так, чтобы изображение при уменьшении не тока меняло размер, но и вес, а потом при увеличении подгружался оригинал, а то оно тока чисто визуально меняеться а весит также много, и хайслайд тоже работает по технологии визуального уменьшения, у мя стоит код, в который я вставляю 2 изображения, одно уменьшенное другое оригинал, но так жутко неудобно и долго, постоянно надо делать 2 изображения для новости, хотя они уже и увеличиваются не сразу а с подгрузкой, но зато вес намного меньше, что важно для сайта и для меня

2 mdbaner   Дата: 21.04.2010  Время: 19:05   1 [№ 2701]
каталог фото работает таким образом используйте его


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru