Коллаж "Toujours plus haut"

Оригинал урока тут

Фильтры

Filter Unlimited 2,0

Mura Meister

 

Коллаж "Comme un conte de fées" (Как в сказке)

Оригинал урока тут

Фильтры

Filter Factory Gallery A /Gallery G

Fm tile Tools

 

Как добавить картинку, чтобы она увеличивалась при нажатии

Многие, наверное, заметили, что при наведении курсора на изображение появляется вот такая картинка

Как вставлять картинки таким образом меня попросила написать RADYGA55

 

Учебник ЛиРу.

Слева - новый баннер женского клуба.  Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.
Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
<center><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/community/3080659/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /><input type=hidden name=tok value=736b4aedc04f0a66d10d8f82c1308a88 /></form></center>
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

Пользуйтесь!
Читать далее >>>

Как разместить музыку в пост

У меня периодически спрашивают каким образом я размещаю в пост сразу несколько песен. В этом посте я расскажу и даже покажу весь процесс размещения музыкальной коллекции    

Шаг 1: Регистрация

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

Я использую хранилище YAPFILES 

Далее

Как делать РАЗДЕЛЫ и ПОДРАЗДЕЛЫ на Лиру.

С радостью помогаю всем, кто у меня спрашивает как делать разделы в дневнике.
И не только разделы,но и новую добавленную функцию-ПОДРАЗДЕЛЫ.
Смотрим урок в картинках...

дневник Милолика Покровская

Урок 47. Reflet

Я ПИСАЛА ОБ ЭТОМ 5 ДЕКАБРЯ 2007 года, 8 февраля 2009 года -
ПРОСТО ПОВТОРЮСЬ, МОЖЕТ КТО НЕ ВИДЕЛ ИЛИ НЕ ПОНЯЛ

 Вот что можно сделать из любой картинки или фотографии

                                

пример     было - стало

Кому интересно еще раз повторю как это делать!!!

загляните, ВАМ ПОНРАВИТСЯ)))

Как создать, запомнить и выложить схемы. Часть 1

Для начала ставлю схему, на которой легче будет прочесть!!!

 

Название: Хворостовский - клип
Автор: Innessina
Создана: 06.11.2009 10:17
Скопировали: 15 раз
Установили: 10 раз
Примерить схему | Cохранить себе

Вот схема, которая стояла в эти дни... Так как я могу схему сменить!
ВЫРАЖАЮ БЛАГОДАРНОСТЬ Legionary ЗА ПРОДЕЛАННУЮ ТИТАНИЧЕСКУЮ РАБОТУ И ПРИНОШУ СВОИ ИЗВИНЕНИЯ, ЗА ТО, ЧТО ДАЖЕ СПАСИБО НЕ СКАЗАЛА, УТЯНУВ ТРИ ПОСТА, ДА ЕЩЕ Я СОБРАЛАСЬ ИХ ВТИСНУТЬ В СВОЙ ПОСТ!
Я БЛАГОДАРЮ _ПрОсТо_ДлЯ_Вас_ ЗА ФОНЫ ПОТРЯСАЮЩЕЙ КРАСОТЫ, И ЗА ТЕ ПОСТЫ, КОТОРЫЕ Я ВТИСНУЛА В ЭТОТ ПОСТ!
ИМЕННО ВАШИ ПОСТЫ ЛЯГУТ В ОСНОВУ МОЕГО!!!

Сама я не в соей тарелке, т.к. никогда не делала свой пост из чужих! Но, к сожалению, это вынужденное действо! Уж очень хочется помочь знакомым! Ведь это легко - создать свое чудо! Объяснение долгое, а делается схема в течении 5 минут максимум!
Я несколько раз порывалась составить пост сама, но останавливалась! Как на пальцах объяснить??? Как рассказать без картинок создание схем для дневника!? Проблема в том, что, к сожалению, на данный момент, я не могу ставить скрин - фото в комп по техническим причинам... Объяснять на пальцах это тяжело... Несколько раз я бралась за объяснения, но потом бросала попытку...
Этот пост соберется из нескольких постов от Legionary и потрясающего сообщества _ПрОсТо_ДлЯ_Вас_!!!
Думаю, составители искомых постов меня не убьют!
Я ни в коей мере не претендую на авторство, но свою лепту по мере сил и возможностей и я внесу! В сообществе было изложено очень КРАТКО, ПРОСТО ПОКАЗАНО СХЕМАТИЧНО, а у Legionary , при всей его четкости, некоторые вещи надо растолковать и... по какой-то причине, он не дописал кое-что....что для женского пола надо бы объяснить! Мне его понять легче, т.к. я до всего докопалась сама....
Кстати, Legionary предлагает учится составлять фоны на контрастных, ярких цветах, чтобы было все понятно и воочию виделись изменения!!! Прислушайтесь к этому предложению! Это даст возможность, как говорят, "набить лапку"! Именно его посты - на 80% основа моего!

Итак, пост - цитата в большей мере для моих друзей, представляющих прекрасную половину, и не очень ладящих с компом! То есть таких как я! Я не умоляю ни чьих достоинств и умственных способностей, но иногда людям надо просто подробно ознакомится с темой, чтоб понять как к это работает! Поэтому, я пишу очень подробно, там где необходимо разложить по полкам! Мне этого так не хватало!!!!!!!
Я ЕЩЕ РАЗ ПРИНОШУ СВОИ ИЗВИНЕНИЯ АВТОРАМ, Я НИКОГО НЕ ХОЧУ ОБИДЕТЬ ИЛИ ПРИСВОИТЬ ЧЕЙ-ТО ТРУД, Я ПРОСТО СТАРАЮСЬ ОБЪЯСНИТЬ БОЛЕЕ ПОДРОБНО, ЧЕМ БЫЛО У ВАС!

Меня периодически спрашивают как делать схемы, как их выставлять и копировать? Я долго думала, как соединить воедино, то, до чего я дошла сама, и как подробно объяснить создание схемы. И вот в сообществе _ПрОсТо_ДлЯ_Вас_, где я периодически черпаю фоны для схем, увидела схематически описанное создание маленьких шедевров! А у Legionary три поста с прекрасным схематичным объяснением!
Я взяла на себя наглость и собрала несколько постов воедино!!! Это цитаты постов , которые я буду дополнять подробными разъяснениями! Мои пояснения будут заключаться в том, что я объясню, как собрала схему, которую вы видите, как сохранить схему и выставить ее на всеобщее обозрение и просто дополню своими пояснениями четкую графику азбуки сотворения схем! Читать далее

Дополнение к постам по установке схем

Дополнение к постам по сбору и оформлению схем!
Это ответы на вопросы, часто приходящие в личку...
1. Не видно превью или как распространено говорят предварительный просмотр схемы отсутствует...
Ответ: Я в принципе сама не знаю почему такое происходит... У меня такое постоянно...
Если не ставишь схему в свой дневник, а сразу выкладываешь ее в общий список схем, то предварительного просмотра нет... Это вопросы к компьютерщикам ЛИРУ... Скорее всего, что-то там не у них не стыкуется...
Если схему выдрать в системе управления схем и поставить себе в дневник, хот на минуту, то потом схема обретает предварительный просмотр, т.е. в рейтингах видно превью схемы (рисунок, цветовая гамма и.п.).
2.Как делать полупрозрачными или прозрачными Фон панели навигации и Фон дополнительных блоков...
Ответ: Смотрим внимательно картинку... Картинка из сообщества "Все для вас" Я уже ее использовала для объяснения в предыдущих постах!

а) Смотрим на верхнюю левую часть картинки! Там где хочется создать прозрачный фон, в маленьких квадратиках, напротив подписи "прозрачный фон" ставим галочку!


б) Важно!!! Если хочется прозрачный фон Фон панели навигации и Фон дополнительных блоков, то в тех разделах, которые хотим сделать прозрачными, то мы убираем картинки фонов этих разделов!!! Просто нажимаем кнопку "удалить фон"


в) Полупрозрачные фоны мы делаем так же как и фон с картинкой! В разделе выбора цвета отмечаем прозрачный фон. Вставляем картинку так, как я уже говорила в предыдущих постах!
Вот только картинка сама по себе полупрозрачна!
Единственно, я не знаю, где брать полупрозрачные картинки для фонов! Если честно, то я такие схемы с полупрозрачными фонами, переделывала из уже существующих схем на ЛИРУ.... Возможно это делается в Фотошопе...Я с этой программой не дружу... Проблемы с установкой на моем компе...

Как создать, запомнить и выложить схемы. Часть 2.


ТЕПЕРЬ САМОЕ ИНТЕРЕСНОЕ!!!! БУДЕМ ВПЕНДЮРИВАТЬ КАРТИНКИ! ПЕРЕХОДИМ К САМОЙ ИНТЕРЕСНОЙ И ВОЛНУЮЩЕЙ ТЕМЕ "ДИЗАЙН ДНЕВНИКА" , А ПРОЩЕ МЫ ПОПАЛИ В РАЗДЕЛ "ФОНОВЫЕ КАРТИНКИ"
ФОНОВАЯ КАРТИНКА
Все те фоны, что мы заливали цветом в первой части настроек, - можно залить узором, картинкой и т.д.
Для этого лучше всего использовать "бесшовные фоны" т.к. заливка идет маленькими квадратиками, а если использовать бесшовные фоны,- то все вместе будет смотреться как единое целое. Для примера, бесшовные фоны можно посмотреть здесь. Это дневник Inmira! (Если туда пойдете за фонами, беря, говорите хотя бы спасибо!По себе знаю иногда вылетает из головы! )

Вот вариант моей бесшовной:

 

Название: Новогодняя - простая
Автор: Innessina
Создана: 16.11.2009 23:04
Скопировали: 10 раз
Установили: 5 раз
Примерить схему | Cохранить себе

Но в основном все мои схемы со швами. Вы это видите и на данной картинке!!
Для тех, кто пользуется фотошопом или какими-то дизайнерскими программами, сделать бесшовник, не стоит ничего....
Олечка! А теперь ответ для тебя! Можно использовать для заливки большую по размеру, но не тяжелую (до 80 кб) картинку. Тогда рекомендую вслед за Legionary поставить "фиксировать фон" ( подробнее о фиксированном фоне позже)
Фон должен быть не более 80000 байт ( 80 кб).
Как я использовала в этой схеме

 

Название: Портрет
Автор: Innessina
Создана: 18.11.2009 12:56
Скопировали: 3 раз
Установили: 2 раз
Примерить схему | Cохранить себе

ОТСТУПЛЕНИЕ!!! ЛИРИЧЕСКАЯ НЕОБХОДИМОСТЬ!
Для тех кто не пользуется фотошопом или другими подобными программами!
Немного о больших картинках. Большую картинку лучше брать форматом примерно как разрешение монитора (вашего монитора).Читать далее

Делаем схему дневника!

Уроки для совсем начинающих очень понятные и подробные!!!

Автор Legionary

1 ЧАСТЬ
Начнем. Как всегда,- идем в настройки:


Далее в "настройки дизайна":



Теперь по порядку:

Цвет фона:

Фон страницы:



Дальше > > >

Делаем движущуюся галерею картинок.

Картинки или фотки очень украшают наши дневники. Есть много вариантов как это сделать. Горизонтальная и вертикальная галерея картинок. Вставляем картинки в текст. Здесь я покажу как можно сделать движущуюся галерею картинок. Пример как она будет выглядеть. Смотрим и делаем у себя в дневничке. Смотрим далее... дневник Милолика Покровская

Делаем схемы!

Полезная информация для тех, кто хочет делать схемы самостоятельно или вообще разобраться в настройках дизайна:

Сохраняем себе понравившуюся схему:
http://www.liveinternet.ru/users/2670115/post125612070/

Как удалить схему из каталога схем:
http://www.liveinternet.ru/users/2670115/post115159528

ДЕЛАЕМ СХЕМУ САМОСТОЯТЕЛЬНО:
http://www.liveinternet.ru/users/2670115/post117543311

Что такое фон и что такое схема:
http://www.liveinternet.ru/users/2670115/post122220717

Меняем элементы дизайна уже готовой схемы:
http://www.liveinternet.ru/users/2670115/post117626255.

Уроки, Ибо на Лиру такое не найдешь.



1. Музыка на сайт
2. Glowing Text Effect
3. Листопад
4. Текстовый спецэффект
5. Создание панорамы во Flash
6. Баннеро-крутилка "жалюзи"
7. Прыгающий мячик
8. Про tween'ы.
9. Easy Mouse Follower
10. Кубики летают
>>>

Добавляем музыку к открытке

Возьмем пример рамки, код которой мне любезно прислала Kapitoshka_70, за что ей огромное спасибо!

<center> <table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="10" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"> <tr> <td> <table cellpadding="3" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="50" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"> <tr> <td> <center> <table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="15" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"> <tr> <td> <center> <table cellpadding="3" border="0" background="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"> <tr> <td> <center> <img src="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" /> <br /> </center> </td> </tr> </table> <font size="5"> <font color="#E7B061"> <font face="Palatino Linotype"> <img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /> <br /> <i> <b> <center> <br /> ВАШ ТЕКСТ </center> </b> </i><br /><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /> <br /> </font> </font> </font> <br /> </center> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> </td> </tr> </table> <center> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/zoya_kulakovskaya/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"> <font style="CURSOR: hand" face="italik" size="2"> <font color="#E7B061">Zosik_K</font> </font> </marquee> </a> </center> </td> </tr> </table> </td> </tr> </table> </center>

Вот как эта рамка будет выглядеть в дневнике

ВАШ ТЕКСТ Zosik_K

Добавим к окрытке фоновую музыку. Сделать это можно если разместить в посте код флеш плеера

[flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://vln.dp.ua/li/new_year_mix.mp3&autoPlay=true?playerMode=embedded]

В коде плеера http://vln.dp.ua/li/new_year_mix.mp3 это ссылка на музыкальный файл. Замените на другую ссылку и будете наслаждатся другой музыкой :)

Совместим оба кода

[flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://vln.dp.ua/li/new_year_mix.mp3&autoPlay=true?playerMode=embedded] <table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="10" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"> <tr> <td> <table cellpadding="3" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="50" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"> <tr> <td> <center> <table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="15" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"> <tr> <td> <center> <table cellpadding="3" border="0" background="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"> <tr> <td> <center> <img src="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" /> <br /> </center> </td> </tr> </table> <font size="5"> <font color="#E7B061"> <font face="Palatino Linotype"> <img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /> <br /> <i> <b> <center> <br /> ВАШ ТЕКСТ </center> </b> </i><br /><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /> <br /> </font> </font> </font> <br /> </center> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> </td> </tr> </table> <center> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/zoya_kulakovskaya/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"> <font style="CURSOR: hand" face="italik" size="2"> <font color="#E7B061">Zosik_K</font> </font> </marquee> </a> </center> </td> </tr> </table> </td> </tr> </table>

Вот что получится

ВАШ ТЕКСТ Zosik_K

Что бы плеер не был виден пойдем на хитрость. Выведем саму открытку немного выше что бы перекрыть на экране плеер. Это сделать очень просто! Достаточно в коде открытки, в самой первой таблице добавить в стиль запись position: relative; top: -40px;. Что будет означать что вывести таблицу нужно на 40 пикселей выше чем она бы обычно выводилась .

<center> [flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://vln.dp.ua/li/new_year_mix.mp3&autoPlay=true?playerMode=embedded] <table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="10" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"> <tr> <td> <table cellpadding="3" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="50" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"> <tr> <td> <center> <table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="15" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"> <tr> <td> <center> <table cellpadding="3" border="0" background="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"> <tr> <td> <center> <img src="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" /> <br /> </center> </td> </tr> </table> <font size="5"> <font color="#E7B061"> <font face="Palatino Linotype"> <img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /> <br /> <i> <b> <center> <br /> ВАШ ТЕКСТ </center> </b> </i><br /><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /> <br /> </font> </font> </font> <br /> </center> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> </td> </tr> </table> <center> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/zoya_kulakovskaya/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"> <font style="CURSOR: hand" face="italik" size="2"> <font color="#E7B061">Zosik_K</font> </font> </marquee> </a> </center> </td> </tr> </table> </td> </tr> </table> </center>

И вот что получилось

ВАШ ТЕКСТ Zosik_K

Берем любую рамку дописываем в стиль самой первой таблицы position: relative; top: -40;, если стиля нет то добавим его style="position: relative; top: -40px;" , добавляем перед первой таблицей код плеера и получаем открытку с музыкой :)