Записи Друзья Комментарии
СВЕЧАНКА
Аватар СВЕЧАНКА

 -Цитатник

нейросеть - (0)

Мои работы в нейросети

Перевод терминов Corel PaintShop Pro - (0)

Перевод терминов Corel PaintShop Pro Перевод терминов Corel PaintShop P...

Мудрость отражают зеркала. - (0)

Мудрость отражают зеркала. Не считай морщинки понапрасну, Не вздыхай, что молодость прошла. ...

ФОНЫ - (0)

Фоны,текстуры.Мои работы для творчества. Фоны,текстуры.Мои работы для творчества. ...

Натюрморт в png - (0)

Натюрморт в png для творчества, 4. Натюрморт в png для творчества, 4. 1 2 3 4 ...

 -Рубрики

 -Метки

animation flash musical greeting card original works photoshop online авторам авторские работы анимация анимация-бродилка анимированные без регистрации бесплатно блог блоги в gif видео ролики на заказ видео с экрана в gif видео уроки генератор дневник дом женский сайт записать видео записать видео в gif интерьер как праздновать свадебные годовщины как сделать flash открытку календари кисти клипарт клипарты комментарии красота лилии любовь макияж мода музыка музыкальная открытка музыкальные открытки на русском названия нейл-арт онлайн онлайн. открытки открытки со стихами открыточки отношения подписать поздравительные открытки на заказ поздравления праздновать прически редактор с днём рождения свадебных свое скачать плагины фотошоп скачать фотошоп стили стиль суп из тыквы: лакомые рецепты текста тенденции тесто с ванилином уроки фотошоп уют фигуры флеш флеш открытки онлайн флеш часы фоны фото фото онлайн фотошоп онлайн фотошоп скачать чай из садовых листьев шрифты экшены

 -Приложения

  • Программа телепередачУдобная программа телепередач на неделю, предоставленная Akado телегид.
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Photoshop online Photoshop onlineДля того чтоб отредактировать картинку совсем не обязательно иметь фотошоп на комьпьютере. Это можно сделать с помощью приложения online photoshop =)
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Музыкальный плеер

 -Видео

ВИДЕО
Смотрели: 1 (0)

 -Поиск по дневнику

Поиск сообщений в СВЕЧАНКА

 -Подписка по e-mail

 


Рамочки для текста со вставками*Цветочный кластер*часть1

Четверг, 25 Мая 2017 г. 21:37 + в цитатник
Цитата сообщения MANGIANA
Прочитать целикомВ свой цитатник или сообщество!
"Рамочки для текста со вставками*Цветочный кластер*часть1
Сегодня мы научимся делать слайд-шоу собственными руками, без испоьзования плеера с Яндекс-Фоток.

Для этого вначале познакомимся с "бегущей строкой".

Все бегущие строки создаются с помощью тэгов <marquee>...</marquee>



Текст движется

По умолчанию строка движется справа налево.

Чтобы изменить направление движения, используем в тэге <marquee> атрибут direction, задающий направление движения.

Для движения направо:



Для движения вверх:



Для движения вниз:



Кроме команды direction тэг <marquee> может содержать атрибут behavior, задающий поведение бегущей строки.

behavior="scroll" –прокрутка текста. Это значение можно не указывать, т.к. текст по умолчанию всегда прокручивается.



behavior="slide" – Прокрутка текста с остановкой



behavior="alternate" – Движение от края к краю



Другие aтрибуты:

scrollamount="1" – скорость движения строки. Может изменяться от 1 до 9.

scrolldelay="20" – Этот атрибут задаёт временной интервал в миллисекундах между шагами бегущей строки.

width="200" – ширина бегущей строки в пикселях или процентах от ширины экрана.

height="17" – высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).

bgcolor="#E9E9D1" – Задаёт фоновый цвет бегущей строки. (Вместо E9E9D1 подставляйте свой цвет).

loop="2" – задаёт число проходов бегущей строки. (Если указать "2" то два раза текст проедет и больше показываться не будет, только если ещё раз обновить страницу).

hspace="70" - атрибут задает поле в пикселах справа и слева от бегущей строки.

vspace="70" - атрибут задает отступ в пикселах выше и ниже бегущей строки.

Чтобы двигалась картинка, заменим текст между тегами <marquee>...</marquee> ссылкой на картинку:



Теперь приступим к изготовлению слайдшоу.

1. Заходим в альбом с нужными картинками на Яндекс.Фотках, нажимаем на ссылку "получить код", отмечаем все нужные изображения.

2. Внизу страницы в верхней строке последнего окошка с кодами выбираем нужный размер фоток. Подбирая картинки для слайд шоу, помните, что чем больше размер и количество фото, тем "тяжелее" будет ваше произведение, тем дольше будет грузится страница со слайдшоу..

3. Копируем содержимое окошка с кодами в любой текстовый файл. Всё, страницу с Яндекс.Фотками можно закрыть.

4. Вы помните, что под бегущей сторокой можно сделать цветной фон, а вот фон из картинки сделать нельзя. Но это не повод отказываться от использования красивых текстур в качестве подложки для слайд-шоу. Создадим таблицу, состоящую из одной ячейки. Размер ячейки подбирайте экспериментально, исходя из размеров картинок в будущем слайд-шоу. Установите для таблицы фоновую картинку.



5. Формируем слайдшоу.

5.1. Открываем файл с подготовленным списком кодов картинок и каждой из них дописываем теги следующим образом:



5.2. Определяемся с параметрами слайдшоу (ширина слайдшоу 130 px, движение вправо, скорость движения 3) и пишем код:



5.3. Для того, чтобы картинки в слайдшоу не "склеивались", можно добавить между ними промежутки с помощью символа неразрывного пробела  &nbsp

6. Вставляем код слайдшоу внутрь приготовленного кода таблички-рамочки:



Источник: dkartasheva.ya.ru/replies.xml?item_no=2111&ncrnd=8717

********************************************

Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх
Движение сверху вниз
Движение справа налево
Движение слева направо
Для изменения места нахождения картинки или текста
текст или картинка слева

слева
текст или картинка справа

справа
текст или картинка по центру

по центру


Порядок действий:

1.    Загрузите нужное количество картинок на сервер я загружаю на  радикал пост ниже

2.    Определитесь с направление и добавляйте код.
Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5"  - поменяв цифру 5 на другую Вы измените скорость движения.

Также эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ -
на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам
направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх
(600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

Движение сверху вниз
(600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

Движение справа налево
(600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

Движение слева направо


(600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

источник: clubs.ya.ru

 

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 33 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ // Как в ЖЖ сделать пост цитируемым + Коды для музыки и плейлистов в ЖЖ
Часть 34 - Обводка текста и картинки рамочкой
Часть 35 - "БЕГУЩАЯ СТРОКА" И СЛАЙД-ШОУ СВОИМИ РУКАМИ
Часть 36 - КРАСИВЫЕ ШАБЛОНЫ ДЛЯ ВСТАВКИ МУЗЫКАЛЬНЫХ ПЛЕЕРОВ ОТ lana lanochka
Часть 37 - Flash-uploader

Серия сообщений "Оформление текста":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - КАК СДЕЛАТЬ СВОЮ НАДПИСЬ НА ИЗОБРАЖЕНИИ В ОНЛАЙН-ФОТОШОП
...
Часть 24 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ // Выравнивание текста по центру + Как оформить подписку на ЖЖ
Часть 25 - Сделать красивый заголовок в ФШ //урок очень легкий/
Часть 26 - "БЕГУЩАЯ СТРОКА" И СЛАЙД-ШОУ СВОИМИ РУКАМИ

Серия сообщений "Слайд-шоу":
Часть 1 - СОЗДАЁМ СВОИ СЛАЙД-ШОУ
Часть 2 - ЧТО МЫ ЗНАЕМ О ВОЗМОЖНОСТЯХ ЯНДЕКС.ФОТОК И КАК МЫ ИХ ИСПОЛЬЗУЕМ ?
...
Часть 6 - Простой и понятный для всех генератор для создания анимации
Часть 7 - Интересное слайд-шоу в ваш дневник
Часть 8 - "БЕГУЩАЯ СТРОКА" И СЛАЙД-ШОУ СВОИМИ РУКАМИ
Рубрики:  Текст
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте