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


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



Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 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

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3630 | Комментарии: 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 Комплексный прогон сайт...

51

2 Нужны дизайнеры

0

3 Вакансия копирайтера/пе...

1

4 Верстка

13

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

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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