Это цитата сообщения BraveDefender Оригинальное сообщение
Самый простой способ добыть ссылку на видео, mp3 и тому подобное
Внимательные читатели уже знакомы с DowloadHelper, плагином для браузера Mozilla Firefox (почитать и скачать можно в этом посте). Подробно рассказывалось, как с его помощью можно скачивать изображения на странице превью, не открывая каждый исходный файл.
После постов “Как сделать простой MP3-плеер в посте” и “Вставляем в пост видеоплеер, не загружая файлы” больше всего не очень опытных пользователей напугала система “добычи” ссылки на MP3, FLV или, например, MP4-файлы. С плагином DownloadHelper этот процесс превращается в сплошное удовольствие.
Ничего не поняли? :) Посмотрите предыдущий пост с фильмом “Свадебный переполох”, прочитайте указанные выше посты про видео- и mp3-плееры. Принцип такой: находим в Интернете файл и собираем плеер, не загружая видеоаудиофайл, а только указывая на него ссылку. Понятнее?
Покажу на примере...
Это цитата сообщения BraveDefender Оригинальное сообщение
Как скачать видео из Интернета и загрузить его на ЛиРу
Решил объединить несколько постов, чтобы весь цикл был под рукой. В этом посте рассказывается, как это делаю я, хотя способов может быть много.
Показан процесс: скачивание видео из Интернета – редактирование видео – загрузка видео на ЛиРу.
Вообще, обычно даётся код для размещения роликов на других сайтах или в дневниках. Как добавить в дневник видео с самого крупного видеохостинга YouTube рассказывалось в посте «Как вставить в пост на Лиру видео YouTube». Есть еще один способ – «Вставляем в пост видеоплеер, не загружая файлы» – который можно использовать на сайтах, если у вас немного места под файлы.
Но если вы решили загрузить видео на «лирушный» сервер, то действуем иначе.
Это цитата сообщения BraveDefender Оригинальное сообщение
Вставляем в пост видеоплеер, не загружая файлы
Предварительно потренироваться можно с музыкальными MP3-плеерами (см. пост «Как сделать простой MP3-плеер в посте»)
В некоторых моих постах присутствуют такие простые видеоплееры:
Самое примечательное то, что ни видео, ни какой-либо другой файл загружать-перегружать-выгружать никуда не нужно. Расскажу «пошагово», как я это делаю, на примере плеера из поста с песней, которая будет представлять Украину — «To be Free». Очень подходящее название, «Быть свободным!» А мне будет очень приятно, если вы научитесь это делать: это совершенно не сложно, и я старался писать максимально подробно.
Это цитата сообщения Wella_Wella Оригинальное сообщение
Картинка, как фон для записи
|
Это цитата сообщения Liudmila_Sceglova Оригинальное сообщение
плэйкасты и видеоролики-Сохраняйте видео-ролики и флеш-анимации
Это цитата сообщения fatima62 Оригинальное сообщение
Обрамляем картинку в рамку.
|
Серия сообщений "Делаем рамочки":
Часть 1 - Рамочка с фильтром Bordermania.(в Кореле)
Часть 2 - Рамочка с радужным градиентом.( в Сorel )
Часть 3 - Рамочка "Shaddy"
Часть 4 - Обрамляем картинку в рамку.
Часть 5 - Набор для рамки.
Часть 6 - Набор для рамки.
...
Часть 11 - КАРТИНКА В УГЛУ ЗАПИСИ.УРОК 2
Часть 12 - Как расположить картинку между текстом...
Часть 13 - Как изменить ширину рамки
Это цитата сообщения Дайтека Оригинальное сообщение
Для оформления блога.
1.Сделай слайд-шоу
2.Сделать видео слайд-шоу
3.Сжать видео для сети.
4.Коды цвета для текстов
5.Сделай для блога кнопку.
6.Как сделать баннер-картинку для блога.
7.Как сделать рамочку для текста самому.
8.Создать фото прикол онлайн.
9.Сделать флеш-часы для блога.
10.Сделать текст с прокруткой.
Рамочки для текстов без картинок:
1.Рамочки для текстов 1
2.Рамочки для текстов 2
Рамочки для текстов с картинками:
1.Рамочки для текстов 3
2.Рамочки для текстов 4
3.Рамочки для текстов 5
4.Рамочки для текстов 6
5.Рамочки для текстов 7 (бабочки)
6.Рамочки для текстов - Адрес Детство
7.Рамочки для текстов 9 (Мачо)
8.Рамочки для текстов 10 (Букет невесты)
9.Рамочки для текстов 11 (Природа)
10.Рамочки для текстов 12 ( Он и Она )
11.Рамочки для текстов (Любовь)
12.Рамочки для текстов (Сердечки)
13.Рамочки для текстов (Котята)
14.Рамочки для текстов (Природа - 2)
15.Рамочки для текстов (Весна)
16.Рамочки для текстов (Подводный мир)
17.Рамочки для текстов (Ночь над городом)
18.Рамочки для текстов ( Он и Она -2 )
19.Рамочки для текста (любовь)
20.Рамочки для текстов (Нежность)
21.Рамочки для текстов (Отдых, море, пляж).
22.Рамочки для текстов (Полевые цветы)
Эпиграфы:
Эпиграфы для блога
Эпиграфы для блога 2
Эпиграфы или просто хорошие изречения.
Эпиграфы или просто хорошие изречения - 2
Картинки:
1.Цветы для Вас!
2.Цветы для Вас!-2
3.Цветы для Вас!-3
4.Улыбнись с Микки Маусом )
5.Скажи СПАСИБО - красиво)
6.Скажи СПАСИБО - красиво) - 2
7.Скажи СПАСИБО - красиво) - 3
Это цитата сообщения Arnusha Оригинальное сообщение
Вставляем правильно изображения в дневник.Урок.
|
Это цитата сообщения Rost Оригинальное сообщение
Как оформлять текстовые кнопки?
Очередное дополнение в
Как вы уже должны были понять по заголовку и первой строчке поста, сегодня я буду учить оформлять текстовые кнопки. Почему? Поскольку с картинками на ЛиРу последнее время наблюдаются некоторые перебои, самое время вспомнить про альтернативу. Причём про ту, что сказано в старом анекдоте:
Анекдот про альтернативу и инструкция по оформлению кнопок
LI 5.09.15
Это цитата сообщения Rost Оригинальное сообщение
Как сделать текстовые кнопки? Как их размещать?
| Внесу очередное дополнение в |
Ну, что же. Сегодня я вас этому научу. Кроме того, я расскажу, как выстраивать их в строку и столбец.
Интересно? Tогда
Это несложно! 1. Загружаем фотографию на Яндекс.Фотки,или на другой фотохостинг.В данном случае пример с Яндекс.Фотками.И шаблон кода актуален везде. 2. Переходим на страницу фотографии, справа от фото в меню "В другом размере" выбираем размер превь...
Это цитата сообщения Sweets_Cherry Оригинальное сообщение
Оформляем текст и картинки
Картинка обтекаемая текстом [показать] Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам" |
|
| Картинка слева от текста [показать]Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх. |
Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы! |
|
| Картинка справа от текста: [показать] Все правила написания для правой стороны такие же , как и для левой. |
Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим |
|
| Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, [показать] и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. |
Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста. |
|
Текст между двух картинок
|
Это цитата сообщения Sweets_Cherry Оригинальное сообщение
Полезность для оформления постов
Строим таблицу
|
Код простой сетки <TABLE border=4> <TR> <TD>первая клетка в первой строке</td> <TD>вторая клетка в первой строке</td> </tr> <TR> <TD> первая клетка во второй строке</td> <TD>вторая клетка во второй строке</td> </tr> </table> |
||||
| Сетка с фоном <TABLE background="URL адрес ФОНА" border=8> Вместо URL адрес ФОНА поставляем адрес фонового рисунка.
|
Код сетки с фоном <TABLE background="URL Адрес фона"border=4> <TR> <TD>первая клетка в первой строке</td> <TD>вторая клетка в первой строке</td> </tr> <TR> <TD> первая клетка во второй строке</td> <TD>вторая клетка во второй строке</td> </tr> </table> |
||||
| Рамки с разрывом рисунка: |
Рамки с разрывом рисунка: <fieldset><legend><img src="адрес картинки"></legend>рамка растягивается на всю ширину записи</fieldset> |
||||
| Рамка с разрывом текста: |
Это цитата сообщения Великовозрастное_дитя Оригинальное сообщение
Делаем открытку со стихами
Сделаем открытку со стихами. Ввиду того что я ленивый и мне лень искать для примера фоны и текст стихов, я позаимствовал все это у 
inmira с её поста http://www.liveinternet.ru/users/inmira/post99542587/.
[показать] - Фон для рамки
[показать] - Фон для текста и картинки
[показать] - Картинка.
Коды картинок ( видны при редактировании черновика или поста )
Размеры картинок уменьшены что бы они не занимали много места в посте
Сделаем рамку для открытки. Для этого построим таблицу 1х1 - одна строка, один столбец. Для таблицы пропишем background.
В background укажем ссылку на фоновую картинку для рамки
Что бы получилась рамка нужно "лишнее" пространство залить фоном для текста и рисунка.
Что бы это сделать нужно указать background для ячейки тяблицы
Получилось не совсем то что мы хотели. Это потому что мы "забыли" указать отступ от границы таблицы до ячейки таблицы.
Исправим это дописав в тег <table> параметр cellspacing
И все равно ничего не получилось. Все это потому что в дневнике, для таблицы в глобальных стилях указано border-collapse: collape и из-за этого cellspacing игнорируется
Что бы это исправить нужно к <table> добавить стиль style="border-collapse: separate;"
Ура! У нас есть рамка :). Все что нам осталось
Это цитата сообщения Дайтека Оригинальное сообщение
Вставить фото в рамку.
Предлагаю Вам ознакомиться ещё с одним графическим редактором -Paint.NET 3.5.1 которым можно при желании частично заменить фотошоп. Программа на русском языке и является абсолютно бесплатной.
Сегодня расскажу как с помощью этой программы за 2 минуты вставить фото в рамочку.
1) В программе открываете Файл – Открыть (находите подходящую рамочку и открываете её, если у Вас нет рамочек то посмотрите вот эти возможно что-то Вам подойдет - Для фотошопа - 200 рамок png и 300 рамок для фотошопа.)
[показать]ДАЛЕЕ ... Это цитата сообщения Иван_Победоносов Оригинальное сообщение
Как создать простую галерею из фотографий
Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.
Перед вами готовая галерея из 10 красивых фотографий. Такими галереями вы можете украшать свои записи, при этом можно использовать различные комбинации. Направлять картинку с лева на право или с право на лево, вверх или вниз и т.д. А теперь я расскажу вам как в течении 10 минут сделать данную галерею.
Это цитата сообщения almiria_kh Оригинальное сообщение
Делаем надписи на картиночках!
 Делаем надписи на картиночках по типу рамочек!
|