Как создать простую галерею из фотографий

Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.

Перед вами готовая галерея из 10 красивых фотографий. Такими галереями вы можете украшать свои записи, при этом можно использовать различные комбинации. Направлять картинку с лева на право или с право на лево, вверх или вниз и т.д. А теперь я расскажу вам как в течении 10 минут сделать данную галерею.


Далее >>>

Полезность для оформления постов

 

Строим таблицу первая клетка в первой строке вторая клетка в первой строке первая клетка во второй строке вторая клетка во второй строке	Код простой сетки <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>
Рамка с разрывом текста: Все для вас Основная запись, растягивается на весь пост	Рамка с разрывом текста: <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Фон записи поста Вместо этих слов пишите свой текст	Код фона записи поста <Table background= вместо этих слов пишите URl фдрес картинки или ссылку№1 Радикала border="0"> <TBODY> <TR> <TD width=650 > Вместо этих слов пишите свой текст </TD> </TR> </TBODY> </TABLE>

Очень полезное для оформления и ведения блога (дневника)

 Вставить кнопочку в блог

Сделать блестяшку из картинок	Написать свое имя египетскими иероглифами
Сделать слайдшоу фоток	Сделать анимированный аватар(генератор)
Твоё фото на улицах города.генератор	Блестящий алфавит(более 15 видов)
Создай себе макияж на фото	Скролл-текст (прыгающий, плывущий и т.д.)

 

Генератор фотографий (рамочки, кубики тд)	Генератор с картинками
Сделай свой собственный смайл	Линейка - предсказание
Романтическая линеечка	Сделать блестяшку из картинок
Сделать аватар-картинку	Нарисуй картину сам!!!
Сделать блестящий текст	Нарисуй и отошли открытку
Блестящий текст-2	Наградить свой блог/планету орденом
Сделать куколку или Dolls mania	Нарисуй открытку - 2
Сделай куколку - 2	Надписи  в картинке
Сделай анимацию со своим именем!	Сделай анимацию со своим именем -2
Сделай анимацию со своим именем - 3	Надписи на машинах и тд

 

Куколки - 3. dollz mania glitter	Генератор неоновых надписей
Всякие глиттеры	Все сайты  анимации
Линеечки на сайт/блог/планету	Счетчики, информеры ...
Куда можно закачать файлы	Напиши свое имя на любом предмете (генератор)

Для украшения постов.

Читать далее...

Делаем Текстовую ссылку.

Что же такое Текстовая ссылка? Это ссылочка в виде текста,которая может вести на ваш дневничёк(если на неё нажать).Например... Блог Милолика Покровская Или кликнув на неё,можно перейти на другой сайт или в гости к другому пользователю.Например... ValeZ Код её я помещаю ниже.Его нужно скопировать к себе в блог. В самом коде где написано ... "АДРЕС ССЫЛКИ" ... вставляем Адрес ссылки или нужной вам странички на которую вы хотите сделать эту ссылку. Берём этот Адрес в самом верху компьютера.В Адресной строке. Адрес начинается с ...http... А там где стоит надпись ..."ВАШ ТЕКСТ ИЛИ НИК" ... Пишите любой нужный вам текст,который относится к данной ссылочке или ваш ник. Параметр ...target=_blank... означает, что ссылка откроется в новом окне. КОД ссылочки текстовой <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ССЫЛКИ" target="_blank">ВАШ ТЕКСТ ИЛИ НИК</a> дневник Милолика Покровская

Делаем кликабельную Картинку- ссылку.

Что такое кликабельная картинка? Это картинка-ссылочка,которая если на неё нажать, может переместить вас из вашего дневника совсем в другое место. Куда захотите... Она может выглядеть по разному и быть разного размера. Это может быть банер вашего дневника,стрелочка,цифра, что угодно...Любая картинка с текстом.Например.Жмите... Или выглядеть вот так.Жмите... Внизу копируем код этой Картинки-ссылки. В коде где написано... :"Адрес ссылки"...- вставляем адрес странички на которую будет вести эта картинка.Начинается он ...http ... А ..."URL Адрес картинки"... это сама картинка и её адрес ...http... или код. Картинку можно загружать через Радикал-фото Берём HTML код -под №1. Вот и код этой ссылки. <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ССЫЛКИ" target="_blank"><img src="URL адрес картинки" border="0" /></a> дневник Милолика Покровская

Как вставить музыку в свое сообщение.

Как вставить музыку в свое сообщение.



У меня часто спрашивают, как вставить мелодию в свой пост. Знаю по себе, что это очень кажется непонятным сначала. Я также мучалась, пока научилась всем этим примудростям.Поэтому хочу облегчить вам вашу жизнь.
Постараюсь объяснить.
1. После того, как вы добавите текст в свое сообщение.Надо загрузить мелодию. Это делается при помощи кнопки

2.После загрузки мелодия в вашем сообщении появляется в виде вот такого проигрывателя.

Можно и так слушать мелодию, но хочется, чтобы было удобно и красиво. Тогда следующий этап.
3.Нажимаем на Редактировать. Появляется вот такой код.

Но нам нужно выделить код самой мелодии, чтобы потом вставить в плеер.Он выглядит вот так.

Копируете его.
Да, а этот не забудьте удалить.Он нам уже не нужен...
4.Коды плееров можно взять
 

Вот на этом сайте

5.Вставляете код песни в URL Аудио-файла

Да, еще можно менять цвет вашего плеера.

6.Получаете код плеера и вставляете его в любое место вашего поста.
7.Желаю удачи. Если что-то не понятно, обращайтесь, помогу.

Вот что у меня получилось, буквально за 5-7 минут.

Как делать схемы для дневника в фотошопе

Попробую рассказать и объяснить, как я делаю свои схемки для дневника. У меня фотошоп CS3.

1.Открываем в фотошопе понравившуюся картинку

2. Открываем новый документ со следующими параметрами - 1440на 750 пикселей

3. С помошью инструмента - перемещение -  перетаскиваем нашу картинку на новый документ

Должно получиться так

4. Немного корректируем параметры- Редактирование-трансформирование-масштабирование

Параметры масштаба мы изменяем или в строке верхней или с помощью мышки (кликаем и растягиваем)

5. После того как мы определились с параметрами, кликаем мышкой на инструмент перемещение (самый верхний в панели инструментов) и подтверждаем результат

6. У нас имеется два слоя. Делаем активным первый слой (просто жмем на него мышкой и он должен выделиться)

7. Далее в палитре цветов выбираем цвет наиболее близкий к основному цвету картинки

8. После того как выбрали цвет, мы его копируем

и вставляем цифры цвета в окошко настроек дневника на ли.ру

9. Далее переходим к нашему документу))

ДОбавляем векторную маску

9. Далее в панели инструментов выбираем инструмент заливка

жмем на него и выбираем инструмент - градиент

10. Далее наводим курсор мышки на край нашей основной картинки и ведем мышку к центру

ПРи этом градиент должен быть выбран такой

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

У нас получилось примерно так

11. Сохраняем наш документ

12. Наш документ может весить больше чем необходимо, поэтому выставляем его вес

Выставляем нужный нам размер файла

13. После оптимизации веса - сохраняем

14. Загружаем нашу картинку в настройках дизайна дневника и выбираем параметры загрузки - по вертикали

Это для того, чтобы картинка не повторялась.

15. Далее делаем прозрачный фон для записей.  Этот урок можно посмотреть тут

Читать далее...

Энциклопедия ЛиРу

Читать далее...

Как делать списки в блоге.

Как интересно и чётко подать информацию.Нужно просто воспользоваться списками. Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера. UL Создает неупорядоченный список . Первый пункт списка Второй пункт списка Третий пункт списка <ul><br /> <li> Первый пункт списка </li><br /> <li> Второй пункт списка </li><br /> <li> Третий пункт списка </li><br /> </ul><br /> OL Цифровой список. Художественная литература Техническая литература Другая литература <ol><br /> <li>Художественная литература</li><br /> <li>Техническая литература</li><br /> <li>Другая литература</li><br /> </ol> <br /> DL Компактный.Открывает и закрывает список определений. Москва Река в г.Москве Вишня Плодовое дерево далее <dl compact="compact"><br /> <dt>Москва</dt><br /> <dd>Река в г.Москве</dd><br /> <dt>Вишня</dt><br /> <dd>Плодовое дерево</dd><br /> далее <br /> </dl> список с шариками-картинками. Тема 1 Тема 2 Тема 3 Тема 4 <dl><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 1</dd><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 2</dd><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 3</dd><br /> <dd><img src="http://img90.imageshack.us/img90/6603/33609040px4.gif" align="absmiddle" /> Тема 4</dd><br /> </dl> Список с цветными кружочками • Позиция 1 • Позиция 2 • Позиция 3 <br /> <font color="red">•</font> Позиция 1<br /> <font color="blue">•</font> Позиция 2<br /> <font color="green">•</font> Позиция 3 Список с сердечками. ♥ Позиция 1 ♥ Позиция 2 ♥ Позиция 3 <br /> <font color="red">♥</font> Позиция 1<br /> <font color="blue">♥</font> Позиция 2<br /> <font color="green">♥</font> Позиция 3 В последних двух списках можно использовать любые спецсимволы,которые есть на вашем компе.Милолика Покровская

Делаем Ссылку текстовую.

Ссылка в виде текста и как её делать. Если вы хотите у себя в блоге или на сайте вместо непонятных тегов видеть красивую запись или текст например такой. Блог Милолики Покровской И кликнув на него,перейти на другой сайт или в гости к другому пользователю.Нет ничего проще!Нужно сделать у себя такую ссылочку. Код её я помещаю ниже.Его нужно скопировать к себе в блог. <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ССЫЛКИ" target="_blank">ВАШ ТЕКСТ</a> В самом коде где написано "АДРЕС ССЫЛКИ" вставляем Адрес ссылки или нужной вам странички на которую вы хотите сделать эту ссылку. Адрес начинается с ...http... А там где стоит надпись "Текст ссылки" пишите любой нужный вам текст,который относится к данной ссылочке. Параметр ...target=_blank... означает, что ссылка откроется в новом окне. Милолика Покровская

Делаем Ссылку кликабельную картинку.

Жми на картинку девушки.И у тебя получится такая Кликабельная картинка-ссылка.Она может выглядеть по разному и быть разного размера. Это может быть: Стрелка,или любая картинка с текстом. Обычно такие картинки используют для того,чтобы сделать оригинальную Бродилку. Так же можно сделать. Банер или просто красивую ссылку-Плейкаст. Сделать картинку-ссылку не сложно.Нужно только скопировать себе код, который находится под картинкой. В коде где написано... :"Адрес ссылки"...- вставляем адрес странички на которую будет вести эта картинка.Начинается он ...http... . А ..."URL Адрес картинки"... это сама картинка её адрес ...http... или код. Картинку можно загружать через Радикал-фото Берём HTML код под №1. Вот и код этой ссылки. <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ССЫЛКИ" target="_blank"><img src="URL адрес картинки" border="0" /></a> И ещё пример как работает эта картинка.Жмите на стрелку !

Оформляем свой блог.

Кнопки для вашего блога. Очень большой выбор на любой вкус. Шапки для блога и сайта. Фоны для оформления блога. А теперь ссылка на сайт где есть столько всего нужного. Кнопки,шапки и фоны для блога.Жмём!!! Милолика Покровская

Создаем гранжевый баннер

 

More>>>

 

 

Музыкальная открытка

Картинки, фоны и музыку я взял их из постов Kapitoshka_70 и Inmira за что им огромное спасибо

Включите звук на компьютере :)))

Женщина, стоя на гребне скалы, Круто нависшей над ширью морскою, Взглядом бежала до полной луны, Тая в минорном аккорде прибоя. Море на берег роняло слезу, Рокотом нежным звало и манило, Волнами камни ласкало внизу, В брызгах соленых любовь ей дарило. В этой окутанной магией мгле Вдруг услыхала призывные звуки, И наяву, но как будто во сне, Счастью навстречу раскинула руки. И закричала – Люблю я тебя! Смерть не ищу, лишь хочу быть с тобою. В крике гортанном – боль, радость, тоска Шаг… И себя отдала она морю

Код открытки

<center> <table border="0" cellspacing="0" cellpadding="5" style="border-collapse: separate; width: 500px; background: url('//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif'); padding: 5px;"> <tbody valign="top" align="center"> <tr> <td style="background: url('//img1.liveinternet.ru/images/attach/c/0//46/678/46678707_47.jpg');"> [flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.playcast.ru/uploads/2009/05/23/1000250.mp3&autoPlay=true?playerMode=embedded] <img style="position: relative; top: -40px;" src="//img1.liveinternet.ru/images/attach/c/0//46/159/46159698_1.gif" vspace="10" alt="" /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <div style="border: none; width: 100%; text-align: center; font-size: 1.4em; color: #333333; font-family: verdana;"> <pre> Женщина, стоя на гребне скалы, Круто нависшей над ширью морскою, Взглядом бежала до полной луны, Тая в минорном аккорде прибоя. Море на берег роняло слезу, Рокотом нежным звало и манило, Волнами камни ласкало внизу, В брызгах соленых любовь ей дарило. В этой окутанной магией мгле Вдруг услыхала призывные звуки, И наяву, но как будто во сне, Счастью навстречу раскинула руки. И закричала – Люблю я тебя! Смерть не ищу, лишь хочу быть с тобою. В крике гортанном – боль, радость, тоска Шаг… И себя отдала она морю </pre> </div> </td> </tr> </tbody> </table> </center>

При желании замените ссылку на музыкальный файл, картинку. Ну и текст вставьте тот который Вам нужен

Не забываем убирать галочку с "Сохранять переводы строк в тексте."

Как сделать пост с подборкой музыкальных файлов

Как сделать пост с подборкой музыкальных файлов без скачивания MP3 на компьютер и закачки потом в пост на Ли.ру? В виде примера мой пост "Десять лучших песен десятилетия".

Алгоритм простой:

1. Получить ссылки на MP3-файлы, находящиеся где-нибудь в Интернете

2. Написать пост с "лирушными" ВВ-кодами и указанием ссылок на MP3-файлы

Как это сделано

Как делать схемы для дневника в фотошопе

Попробую рассказать и объяснить, как я делаю свои схемки для дневника. У меня фотошоп CS3.

1.Открываем в фотошопе понравившуюся картинку

2. Открываем новый документ со следующими параметрами - 1440на 750 пикселей

3. С помошью инструмента - перемещение -  перетаскиваем нашу картинку на новый документ

Должно получиться так

4. Немного корректируем параметры- Редактирование-трансформирование-масштабирование

Параметры масштаба мы изменяем или в строке верхней или с помощью мышки (кликаем и растягиваем)

5. После того как мы определились с параметрами, кликаем мышкой на инструмент перемещение (самый верхний в панели инструментов) и подтверждаем результат

6. У нас имеется два слоя. Делаем активным первый слой (просто жмем на него мышкой и он должен выделиться)

7. Далее в палитре цветов выбираем цвет наиболее близкий к основному цвету картинки

8. После того как выбрали цвет, мы его копируем

и вставляем цифры цвета в окошко настроек дневника на ли.ру

9. Далее переходим к нашему документу))

ДОбавляем векторную маску

9. Далее в панели инструментов выбираем инструмент заливка

жмем на него и выбираем инструмент - градиент

10. Далее наводим курсор мышки на край нашей основной картинки и ведем мышку к центру

ПРи этом градиент должен быть выбран такой

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

У нас получилось примерно так

11. Сохраняем наш документ

12. Наш документ может весить больше чем необходимо, поэтому выставляем его вес

Выставляем нужный нам размер файла

13. После оптимизации веса - сохраняем

14. Загружаем нашу картинку в настройках дизайна дневника и выбираем параметры загрузки - по вертикали

Это для того, чтобы картинка не повторялась.

15. Далее делаем прозрачный фон для записей.  Этот урок можно посмотреть тут

Читать далее...

Для оформления блога.

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
8.Пятница в картинках )
9.Спокойной ночи в картинках)
10.С добрым утром в картинках)
11.Смайлик + мультик = хорошее настроение)
12.Смайлик + мультик = хорошее настроение) - 2
13.Смайлик + мультик = хорошее настроение) - 3
14.Щенки и котята (анимация)
15.Привет в картинках)
16.Сердечки (анимашки) 2
17.Сердечки (анимашки)
18.Блеск для Ваших постов)
19.Блеск для Ваших постов -2)
20.Блеск для Ваших постов) 3
21.Малыш Купидон (картинки)
22.С днём рождения в картинках!
23.Пчёлки в картинках)
24.Мишки для Вас)))

Осеннее оформление постов

Осеннее оформление постов

Сделайте свои посты уникальными с помощью представленных ниже осенних рамочек. Чтобы оформить пост в рамочке необходимо будет просто скопировать код этой рамочки (он будет размещен под каждой рамочкой) и вместо "ВАШ ТЕКСТ" написать текст Вашего поста.

Чтобы изменить размер, шрифт или цвет текста найдите в коде рамочки эту строчку:

Красным подчеркнут размер текста

Синим подчеркнуто название шрифта

Зеленым подчеркнут цвет текста

Вы можете самостоятельно изменить любой из параметров по желанию.

ОСЕНЬ: 

ВАШ ТЕКСТ

 

<center><table width="70%" cellspacing="3" cellpadding="3" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s54.radikal.ru/i144/0908/70/7eee5f059fee.jpg">" target="_blank">//s54.radikal.ru/i144/0908/70/7eee5f059fee.jpg"></a> <tbody><tr><td><table width="100%" cellspacing="0" cellpadding="5" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s54.radikal.ru/i144/0908/70/7eee5f059fee.jpg"><tbody><tr><td><br" target="_blank">//s54.radikal.ru/i144/0908/70/7eee5f059fee.jp...><tr><td><br</a> /><font size="4" face="Palatino Linotype" color="#5e2612"><b><center>ВАШ ТЕКСТ<br /><br /><br /></center></b></font></td></tr></tbody></table></td></tr></tbody></table></center>

ВАШ ТЕКСТ

 

<center><table width="70%" cellspacing="3" cellpadding="3" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s54.radikal.ru/i144/0908/70/7eee5f059fee.jpg">" target="_blank">//s54.radikal.ru/i144/0908/70/7eee5f059fee.jpg"></a> <tbody><tr><td><table width="100%" cellspacing="0" cellpadding="5" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s54.radikal.ru/i144/0908/70/7eee5f059fee.jpg"><tbody><tr><td><br" target="_blank">//s54.radikal.ru/i144/0908/70/7eee5f059fee.jp...><tr><td><br</a> /><font size="4" face="Palatino Linotype" color="#5e2612"><b><center>ВАШ ТЕКСТ<br /><br /><br /></center></b></font></td></tr></tbody></table></td></tr></tbody></table></center>
Еще 18 вариантов осеннего оформления постов