Как вставить флеш-часики на картинку



ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Как вставить флеш-часики на картинку

Вчера моя ПЧ задала вопрос - Я не умею работать в ФШ, а хочется картинки чем-нибудь украсить, например, часиками. Можно ли?
Конечно. На любую картинку можно поставить ВСЕ, что угодно: флешку, музыку, клипарт, текст и т.д.
Я не буду забивать вам голову теорией, а лучше покажу на примере как это выглядит.
Скопируйте под понравившемся вариантом формулу и вставьте в свой дневник в простом редакторе.

Для наглядности я использовала флеш-часики, которые можно взять ЗДЕСЬ. Большое спасибо всем, кто делает такую красоту.

Часики сверху слева

<div align="center"><table border="0" cellpadding="0" background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" valign="top" align="left" style="padding:0px">КОД ЧАСИКОВ</td></tr></table><font size="2"><b><a target="_blank" href="АДРЕС ВАШЕГО БЛОГА"><img src="//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg" border="0" /></a></b></font></div>

"Смотрим далее..."

Как вставить в пост картинку большого размера

Делаем кликабельную ссылку на чужой пост

"ЛиРу": ликбез. Бродилка по дневникам №1

ЛИКБЕЗ - ликвадация безграмотности.

Для просмотра кликнуть по картинке

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

 

Серия сообщений "ЛиРушнику.":
Часть 1 - ДЛЯ НАЧИНАЮЩИХ БЛОГГЕРОВ.
Часть 2 - Начинающим на ЛиРу
...
Часть 28 - Видео - все творим, всё новое!
Часть 29 - Это интересно и нужно знать
Часть 30 - "ЛиРу": ликбез. Бродилка по дневникам №1
Часть 31 - "ЛиРу": ликбез. Бродилка по дневникам №2

ОБРАЗЕЦ ЗАПИСИ с картинкой на ФОНЕ

*** ...ЗДЕСЬ РАСПОЛАГАЕТСЯ ВАШ ТЕКСТ... вместо этих слов аккуратно вставьте свои... БУДЬТЕ ВНИМАТЕЛЬНЫ !убрав что-то дополнительно,Вы можете "СЛОМАТЬ" КОД ! ***

Делаем разноцветное,движущиеся ПРИВЕТСТВИЕ.

БЕГУЩИЙ ТЕКСТ В ЦВЕТНОЙ РАМОЧКЕ

БЕГУЩИЙ ТЕКСТ В ЦВЕТНОЙ РАМОЧКЕ Скопируй себе код из окошечка и вставляй в режиме HTML,когда пишешь запись в дневник.Если хочешь поменять цвет фона окошечка,то напиши его на английском языке вместо красного red в background:red.Там, где  написано ТЕКСТ,ты можешь написать то,что тебе захочется.Если ты хочешь изменить размер окошечка,то поменяй цифры в width=250 и в height=60,если ты хочешь,чтобы твоё окошечко с текстом было посередине ,то напиши с обоих концов кода на английском языке,слово center,его нужно писать в скобках,они находятся в английском регистре над русскими буквами б и ю.Если что-то я непонятно написала,то напиши мне и я уточню для тебя. <marquee style="background:red; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount="1" scrolldelay="60" direction="up" width="250" height="60">ТЕКСТ</marquee>

Серия сообщений "Оформление текста":

Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Смайлы на любой вкус
...
Часть 12 - Текст между двух картинок и картинка между двумя столбцами текста
Часть 13 - 12 ПОЛЕЗНЫХ РЕСУРСОВ, ГДЕ МОЖНО БЕСПЛАТНО СКАЧАТЬ КРАСИВЫЕ ШРИФТЫ
Часть 14 - БЕГУЩИЙ ТЕКСТ В ЦВЕТНОЙ РАМОЧКЕ
Часть 15 - Делаем разноцветное, движущиеся ПРИВЕТСТВИЕ.
Часть 16 - ПИСЕЦ. (Сервис по созданию цветных, разноцветных и блестящих надписей)
...
Часть 40 - ТАБЛИЦЫ (3 урока по созданию таблиц)
Часть 41 - Простые правила оформления статей для сайта (блога)
Часть 42 - Рамочники. Инструкция по применению и уроки по созданию рамочек

ШАБЛОН КОНТЕЙНЕРА ДЛЯ ВСТАВКИ КОДА РАМОЧКИ

ШАБЛОН КОНТЕЙНЕРА ДЛЯ ВСТАВКИ КОДА РАМОЧКИ:   <div style="width: 220px; height:40px; overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><TEXTAREA COLS="30" ROWS="2" NAME=>Код рамочки</TEXTAREA> </div>     В результате - это будет выглядеть приблизительно также, как мы привыкли это видеть раньше: <table style="border:4px dashed #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px double #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:4px double #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px dashed #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table width="630" height="627" style="border:0px none #000000;background-image:url(<a href="//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg" target="_blank">//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px;text-align:center"><span style="font-family:Monotype Corsiva;color:#660066;font-size:27px"><center><img src="//img-fotki.yandex.ru/get/4507/natalya-121258.b5/0_4b0d2_9a3d7049_XL.jpg" width="525" height="282" title="" alt="" border="0"/> <br /> Пусть радужное настроение <br /> В особенный день, в день рождения, <br /> Подарит букет впечатлений, <br /> Улыбок, цветов, поздравлений!</center></span></td></tr><tr><td height="1%" style="text-align:right"><span style="color:#660066;font-size:20px"><a title="Nata" href="http://natalya-121258.ya.ru/#y5__id43 " target="_blank"><img src="//img-fotki.yandex.ru/get/5403/natalya-121258.b2/0_4a2aa_45ce4d1c_XS.jpg " alt="" align="right"/></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table> <table style="border:4px dashed #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px double #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:4px double #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px dashed #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table width="630" height="627" style="border:0px none #000000;background-image:url(<a href="//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg" target="_blank">//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px;text-align:center"><span style="font-family:Monotype Corsiva;color:#660066;font-size:27px"><center><img src="//img-fotki.yandex.ru/get/4507/natalya-121258.b5/0_4b0d2_9a3d7049_XL.jpg" width="525" height="282" title="" alt="" border="0"/> <br /> Пусть радужное настроение <br /> В особенный день, в день рождения, <br /> Подарит букет впечатлений, <br /> Улыбок, цветов, поздравлений!</center></span></td></tr><tr><td height="1%" style="text-align:right"><span style="color:#660066;font-size:20px"><a title="Nata" href="http://natalya-121258.ya.ru/#y5__id43 " target="_blank"><img src="//img-fotki.yandex.ru/get/5403/natalya-121258.b2/0_4a2aa_45ce4d1c_XS.jpg " alt="" align="right"/></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table><table style="border:4px dashed #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px double #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:4px double #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px dashed #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table width="630" height="627" style="border:0px none #000000;background-image:url(<a href="//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg" target="_blank">//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px;text-align:center"><span style="font-family:Monotype Corsiva;color:#660066;font-size:27px"><center><img src="//img-fotki.yandex.ru/get/4507/natalya-121258.b5/0_4b0d2_9a3d7049_XL.jpg" width="525" height="282" title="" alt="" border="0"/> <br /> Пусть радужное настроение <br /> В особенный день, в день рождения, <br /> Подарит букет впечатлений, <br /> Улыбок, цветов, поздравлений!</center></span></td></tr><tr><td height="1%" style="text-align:right"><span style="color:#660066;font-size:20px"><a title="Nata" href="http://natalya-121258.ya.ru/#y5__id43 " target="_blank"><img src="//img-fotki.yandex.ru/get/5403/natalya-121258.b2/0_4a2aa_45ce4d1c_XS.jpg " alt="" align="right"/></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table><table style="border:4px dashed #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px double #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table style="border:4px double #660066;background-image:url(<a href="//i030.radikal.ru/0909/e4/279edd214ccc.jpg" target="_blank">//i030.radikal.ru/0909/e4/279edd214ccc.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:4px dashed #660066;background-image:url(<a href="//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg" target="_blank">//s43.radikal.ru/i100/0909/89/09a200d6fbd1.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px"><table width="630" height="627" style="border:0px none #000000;background-image:url(<a href="//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg" target="_blank">//img-fotki.yandex.ru/get/4505/natalya-121258.b5/0_4b0c6_f0adeabe_XL.jpg</a>)" cellspacing="0" cellpadding="0"><tr><td style="padding:1px;text-align:center"><span style="font-family:Monotype Corsiva;color:#660066;font-size:27px"><center><img src="//img-fotki.yandex.ru/get/4507/natalya-121258.b5/0_4b0d2_9a3d7049_XL.jpg" width="525" height="282" title="" alt="" border="0"/> <br /> Пусть радужное настроение <br /> В особенный день, в день рождения, <br /> Подарит букет впечатлений, <br /> Улыбок, цветов, поздравлений!</center></span></td></tr><tr><td height="1%" style="text-align:right"><span style="color:#660066;font-size:20px"><a title="Nata" href="http://natalya-121258.ya.ru/#y5__id43 " target="_blank"><img src="//img-fotki.yandex.ru/get/5403/natalya-121258.b2/0_4a2aa_45ce4d1c_XS.jpg " alt="" align="right"/></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table> источник

ДЕЛАЕМ ЦВЕТНУЮ РАМОЧКУ С КАРТИНКАМИ ДЛЯ ЗАГОЛОВКА ПОСТА

ДЕЛАЕМ ЦВЕТНУЮ РАМОЧКУ С КАРТИНКАМИ ДЛЯ ЗАГОЛОВКА ПОСТА

Для этого требуется вот такая формула:
<table align=center background="Адрес фона внешнего контура" cellpadding="8">
<table align=center background="Адрес внутреннего фона">
<tr>
<td>КАРТИНКА (левая) ссылка Радикала №6</td>
<td><center> ТЕКСТ ЗАГОЛОВКА</center></td>
<td>КАРТИНКА (правая) ссылка Радикала №6</td>
</tr>
</table></table>

Получится вот такая рамочка:

ЛЕГЕНДА О БЕЛЫХ ЛИЛИЯХ

Cut картинкой

КАТ КАРТИНКОЙ ? ДА ! Чтобы сделать любую картинку в виде ката, необходимо воспользоваться следующим кодом: <a href="ССЫЛКА НА ВАШ БУДУЩИЙ ПОСТ"><img border="0" src="АДРЕС КАРТИНКИ"></a> <div style="font-size:0pt"><cut text="‬"><font style="font-size:10pt">ВАШ ТЕКСТ</font></cut></div> Для получения ссылки на ваш будущий пост, сначала опубликуйте его в таком виде, а затем из адресной строки скопируйте полученный адрес. Зайдите в редактирование и вставьте его вместо ССЫЛКА НА ВАШ БУДУЩИЙ ПОСТ. Вместо АДРЕС КАРТИНКИ подставьте адрес картинки, которую вы хотите сделать катом. Вместо ВАШ ТЕКСТ - контент который нужно спрятать под кат-картинку. (из инета)

СДЕЛАТЬ ТЕКСТ С ПРОКРУТКОЙ ВО ФЛЕЙМЕ...

СДЕЛАТЬ ТЕКСТ С ПРОКРУТКОЙ ВО ФЛЕЙМЕ... Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код: <div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto"> В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.

Серия сообщений "Оформление текста":

Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Смайлы на любой вкус
...
Часть 34 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ ШРИФТА
Часть 35 - Интересная тень text-shadow
Часть 36 - СДЕЛАТЬ ТЕКСТ С ПРОКРУТКОЙ ВО ФЛЕЙМЕ...
Часть 37 - Инструкция по использованию редактора на Я.ру
Часть 38 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
...
Часть 40 - ТАБЛИЦЫ (3 урока по созданию таблиц)
Часть 41 - Простые правила оформления статей для сайта (блога)
Часть 42 - Рамочники. Инструкция по применению и уроки по созданию рамочек

Серия сообщений "Изготовление рамочек":

Часть 1 - Урок 5. Делаем вместе рамку с уголками.
Часть 2 - Делаем рамочку с картинками
...
Часть 22 - УРОК ПО СОЗДАНИЮ РАМОК В ФОТОШОПЕ
Часть 23 - Урок для Photoshop "Полутоновый бордюр"
Часть 24 - СДЕЛАТЬ ТЕКСТ С ПРОКРУТКОЙ ВО ФЛЕЙМЕ...
Часть 25 - Уроки GIMP
Часть 26 - Урок Photoshop. Рамка с внутренней тенью.
...
Часть 35 - Уроки Photoshop. Создание различных рамочек.
Часть 36 - Создание рельефной рамки в фотошопе
Часть 37 - Рамочники. Инструкция по применению и уроки по созданию рамочек

ТАБЛИЦЫ (3 урока по созданию таблиц)

Серия сообщений "Оформление текста":

Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Смайлы на любой вкус
...
Часть 38 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
Часть 39 - Редкие спецсимволы
Часть 40 - ТАБЛИЦЫ (3 урока по созданию таблиц)
Часть 41 - Простые правила оформления статей для сайта (блога)
Часть 42 - Рамочники. Инструкция по применению и уроки по созданию рамочек

Кнопочки и надписи для постов

Серия сообщений "Кнопки":

Часть 1 - Кнопочки и надписи для постов

Двигаем текст или картинку в дневнике

Вы можете заставить двигаться в своем дневнике или текст, или картинку, воспользовавшись данными формулами. Скорость можно увеличить, если вы увеличите значение scrollamount=&quot;2&quot;

Движение текста снизу вверх или картинки	<marquee direction="up" scrollamount="2" style="HEIGHT: 50px">Движение текста снизу вверх</marquee> <marquee direction="up" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста сверху вниз или картинки	<marquee direction="down" scrollamount="2" style="HEIGHT: 50px">Движение сверху вниз</marquee> <marquee direction="down" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста справа налево или картинки	<marquee direction="left" scrollamount="2" style="WIDTH: 400px">Движение справа налево</marquee> <marquee direction="left" scrollamount="2" style="WIDTH: 400px">КАРТИНКА</marquee>
Движение текста слева направо или картинки	<marquee direction="right" scrollamount="2" style="WIDTH: 400px">Движение слева направо </marquee> <marquee direction="right" scrollamount="2" style="WIDTH: 400px">КАРТИНКА </marquee>

для вас Лариса Гурьянова

КАК КОПИРОВАТЬ КОД КАРТИНКИ

ВСЕ МОИ УРОКИ ЗДЕСЬ Многие новички не знают как копировать код картинки. ПЕРВЫЙ ВАРИАНТ Я расскажу для тех, кто пользуется Google Chrome. Находите красивую картинку (у друга в дневнике или в интернете), кликаете по этой картинке правой кнопкой

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

меняем размер картинки в радикал.ру

Как сделать картинку определённого размера???
А делается это очень просто.
Нужно в код картинки подставить тег и поменять размеры
И так:
тег: width="100" height="100"
width="100" -ширина
height="100" -высота
Теперь берём код картинки:
//s54.radikal.ru/i146/0910/77/9296c9a68171.jpg
и в конце кода подставляем тег:width="100" height="100"
Пример:6 код Radikal.ru
width="100" height="100" >
Внимание!!!Тег подставляем сразу же после кода,т.е перед последней скобкой ( > )
И не забывайте следить за пропорциями-Не делайте "на угадай"
Пример моей картинки:
1. с Radikal.ru
2.Я подставила тег:
3.А это "на угадай"
Желаю удачи!

Делаем пост, эпиграф или картинки "с прокруткой"

Как сделать сильно большой текст с прокруткой, что бы пост не был сильно длинным? Или как сделать прокручивающиеся картинки (слайдшоу) прямо в сообщении?

 

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

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

Актуальным стал вопрос: как вставить музыку в свой пост? Особенно новичкам ЛиРу это совсем непонятно. Поэтому забудьте про проблемы - с нами это очень легко!

1. Итак, Вы написали сообщение в свой дневник и хотите загрузить музыку. Видите вот такое окошечко под сообщением? Вот в "Обзоре" и найдите свою музыку (с компьютера или интернета), а затем нажмите кнопку "Опубликовать" (она ниже).

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

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

Самый простой способ вставить в сообщение проигрыватель с музыкой >>>

Мои маленькие кнопочки-переходы "Далее".Часть 3.

Мои маленькие кнопочки-переходы "Далее".Часть 3.

<img src="//img-fotki.yandex.ru/get/9511/230148220.5/0_d201a_8ec343ac_S.gif" /> <img src="//img-fotki.yandex.ru/get/9163/230148220.4/0_d1fed_4011fe3a_S.png" /> <img src="//img-fotki.yandex.ru/get/9354/230148220.4/0_d1fe7_f392bdb7_S.png" /> <img src="//img-fotki.yandex.ru/get/6711/230148220.5/0_d2022_46b1cb28_S.png" /> <img src="//img-fotki.yandex.ru/get/9516/230148220.4/0_d1fee_1690a396_S.png" /> <img src="//img-fotki.yandex.ru/get/9300/230148220.4/0_d1fe6_5b8f1c30_S.png" /> <img src="//img-fotki.yandex.ru/get/9480/230148220.4/0_d1fec_f1da9d2e_S.png" /> <img src="//img-fotki.yandex.ru/get/9348/230148220.4/0_d200b_2a12edd4_S.png" /> <img src="//img-fotki.yandex.ru/get/5003/230148220.4/0_d2010_96f8578c_S.png" /> <img src="//img-fotki.yandex.ru/get/9322/230148220.5/0_d2027_c77da1_S.png" /> <img src="//img-fotki.yandex.ru/get/9113/230148220.5/0_d2013_4f09c78e_S.gif" /> <img src="//img-fotki.yandex.ru/get/9163/230148220.4/0_d1ffc_f9a71def_S.png" /> <img src="//img-fotki.yandex.ru/get/9516/230148220.4/0_d1fe3_1bd77e42_S.png" /> <img src="//img-fotki.yandex.ru/get/6720/230148220.5/0_d202c_fa7887c9_S.png" /> <img src="//img-fotki.yandex.ru/get/9169/230148220.5/0_d203d_c07670e3_S.png" /> <img src="//img-fotki.yandex.ru/get/9555/230148220.5/0_d2021_91ff7106_S.png" /> <img src="//img-fotki.yandex.ru/get/9103/230148220.5/0_d2024_567a6eec_S.png" /> <img src="//img-fotki.yandex.ru/get/9060/230148220.4/0_d1fef_b0f23537_S.gif" /> <img src="//img-fotki.yandex.ru/get/9485/230148220.5/0_d201d_771b37c4_S.png" /> <img src="//img-fotki.yandex.ru/get/9321/230148220.4/0_d1fea_564a5f0a_S.png" /> <img src="//img-fotki.yandex.ru/get/9514/230148220.5/0_d201b_1e3cf6c2_S.png" /> <img src="//img-fotki.yandex.ru/get/9506/230148220.4/0_d1fe5_10447ae9_S.png" /> <img src="//img-fotki.yandex.ru/get/4904/230148220.5/0_d202b_c418f34a_S.png" /> <img src="//img-fotki.yandex.ru/get/9361/230148220.5/0_d2017_fc1cfbf1_S.png" /> <img src="//img-fotki.yandex.ru/get/9502/230148220.4/0_d1fe2_c42c4949_S.png" />

Подсказка про изменения шрифта.

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

Здесь пишем фразу шрифтом,который увеличиваем.

 

<a data-cke-saved-name="TOC-:" name="TOC-:" target="_blank"></a><font size="6">Здесь пишем фразу шрифтом,который увеличиваем.</font></p><textarea rows="15" cols="5">

Серия сообщений "шрифты":
Часть 1 - Формулы красивых шрифтов для текста.
Часть 2 - Таблица цветов с английскими названиями.
...
Часть 4 - Как написать красиво текст.Готовые коды.
Часть 5 - Палитры цветов: Ссылки (9)
Часть 6 - Подсказка про изменения шрифта.

Серия сообщений "формулы и коды":
Часть 1 - Вставить картинки в горизонтальный ряд.
Часть 2 - Как вставить флешку к себе в пост.
...
Часть 13 - Палитра цветов.Генератор цветовой палитры.
Часть 14 - Как сделать текст с прокруткой в сообщении.
Часть 15 - Подсказка про изменения шрифта.

КАК СДЕЛАТЬ КАРТИНКУ, РАСКРЫВАЮЩУЮСЯ ПО КЛИКУ НА ПОЛНЫЙ РАЗМЕР

КАК СДЕЛАТЬ КАРТИНКУ, РАСКРЫВАЮЩУЮСЯ ПО КЛИКУ НА ПОЛНЫЙ РАЗМЕР (читать здесь)

Видео урок на тему: "Как поставить картинки в ряд"

Извиняюсь за волнение при записи урока. Я только начинаю осваивать тему видео уроки и поэтому волнуюсь и немного теряюсь при записи. Надеюсь на Ваше снисхождение на этот счёт. Разрешите пожелать Вам удачи в освоении материалов! Благодарю за внимание!

Урок. Как сделать картинку или кнопку ссылкой.

Добрый день, мои дорогие друзья и постоянные читатели! Для тех кто не знает. Сегодня расскажу как сделать любую кнопочку или картинку ссылкой. Это можно сделать многими способами, я же расскажу вам о трёх способах создания банера, кнопочки или картинки-ссылки. 1– вариант. Пишете следующие теги: Пример: 2- вариант. Если хотите банер или кнопочку поставить по центру страницы, то пишете так: Пример: Делается это в простом редакторе. 3-вариант. Сделать баннер можно с помощью программки, вот ссылка: http://reginochka-design.narod.ru/delaembanner.html Пример: В принципе - это создание того же кода, делает за вас программка. Заполняете в ней все поля (там вроде всё ясно) и жмёте на "Получить код". Копируете этот код и ставите его в свой пост, куда вам надо. Вот видите - всеми 3-я способами, мы сделали одну и ту же кнопку-ссылку. Какой вам больше импонирует, тем можно и пользоваться. Да, ещё ВНИМАНИЕ, как узнать размеры картинки? Это делается просто: Наведите курсор мыши на нужную вам картинку, нажмите правую кнопку мыши, выпадет список. В самом низу списка увидите "Свойства изображения", нажимаете на эти слова-ссылку - откроется панель на которой вы и увидите размеры этого изображения. Но бывает, что там они тоже не написаны, тогда на этой странице нажмите "Подробнее" - вас перебросит на другую страничку, на которой они уже точно есть. Ну, вот вроде и всё. Если, кому, что-либо будет неясно, то обращайтесь - разберёмся. Удачи в освоении материала! Венера01

Урок на тему: Как взять картинку и поставить её в свой пост.

Здравствуйте, мои дорогие читатели! Этот пост для совсем новичьков, у которых не хватает знаний для создания постов в Ли.ру. Рассмотрим как взять, понравившуюся вам картинку, и поставить её в свой пост или комментарий. 1. Если под картинкой в прямоугольничке есть код, то тут всё просто. Щёлкаете правой кнопкой мыши по коду, в выпавшем окошке, жмёте на "Выделить всё", а потом "копировать" и несёте туда, где Вы хотите вставить эту картинку. Там, щелчёк правой кнопкой мыши, а затем левой и в выпавшем окошке, жмёте "вставить". Далее "Отправить" или "ок". 2. Если же Вы хотите взять картинку, где нет кода под ней, то делаете следующее. Нажимаете на картинку правой кнопкой мыши, у Вас открывается окошко, в котором Вы находите "Копировать адрес изображения" (бывает немного другими словами, но суть должна быть таже: адрес изображения, или код картинки) - копируете. Идёте туда, куда хотите вставить картинку и пишете всегда: и на месте звёздочек, убрав их, щёлкнув правой кнопкой мыши, в открывшемся окне выбираете "Вставить" - вставляете. Затем сохраняете и смотрите, что получилось. 3.Если делаете пост, то картинка прижмётся автоматически к левому краю поста, чтобы поставить её так как Вам надо, пишем следующий код: *** - это ссылка на наше изображение (как мы уже знаем); align="left" или align="right" или align="center" - это говорит отом, что картинка расположится с лева, с права и по центру соответственно. По-этому, смотрите куда Вам нужно поставить картинку, то слово и пишете. hspace="*"; vspace="*" - это соответственно, отступы от картинки до края страници или текста по вертикали и по горизонтали. Стрелкой указана ссылка на изображение (бирюзовый цвет), зелёным - подчёркнуто место расположение картинки в посту, и синим - отступы. Смотрите сами, какие циферки Вам ставить. alt="****" - вместо звёздочек пишете свой текст - название картинки. Для того, чтобы посмотреть всё, что Вы наваяли в посту, жмёте не на кнопку "Опубликовать", а на кнопочку либо "В черновик", либо "Предпросмотр". Смотрите, что получилось. Что-то надо подправить, жмёте на "Редактировать" и снова редактируете. И так до тех пор, пока вас всё не будет удовлетворять, тогда жмёте на "Опубликовать в личный дневник" (внизу сообщения). Либо редактируете пост в "Расширенном редакторе", там проще, всё видите сразу, но есть и определённые трудности. Пока об этом говорить не буду, сами поймёте когда будете создавать посты самостоятельно. Либо, редактируете пост в "простом редакторе", здесь Вы прописываете расположение текста и картинок самостоятельно, что я и описала в данном посту. Да, очень важно! Когда пишете HTML- код, то пробел можно сделать только между словами, а между значкаси его делать нельзя, печатаете всё подряд, например: пробел сделали только между "img" и "src". Запомните! Пока всё, более не буду забивать Вам голову новой информацией. Осваивайте пока эти совсем не хитрые премудрасти. Успехов Всем! пост от Венера01

Подборка, клипарта, фонов, рамок для оформления.

Огромная подборка, фона, клипарта, рамок и мн. другое на любой вкус. Для оформления вашего дневника или для фотошопа. SvetlanaT

Текст с прокруткой

Хотите, чтобы ваш текст имел такой вид? Т.е. был с прокруткой. Тогда вам надо просто воспользоваться следующей формулой

Копируйте код из окошка и вместо слов ВАШ ТЕКСТ пишите то, что вам надо.

Двигаем текст или картинку в дневнике

------------------------
Двигаем текст или картинку в дневнике



Вы можете заставить двигаться в своем дневнике или текст, или картинку, воспользовавшись данными формулами.
Скорость можно увеличить, если вы увеличите значение scrollamount="2"

Движение текста снизу вверх или картинки	<marquee direction="up" scrollamount="2" style="HEIGHT: 50px">Движение текста снизу вверх</marquee> <marquee direction="up" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста сверху вниз или картинки	<marquee direction="down" scrollamount="2" style="HEIGHT: 50px">Движение сверху вниз</marquee> <marquee direction="down" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста справа налево или картинки	<marquee direction="left" scrollamount="2" style="WIDTH: 400px">Движение справа налево</marquee> <marquee direction="left" scrollamount="2" style="WIDTH: 400px">КАРТИНКА</marquee>
Движение текста слева направо или картинки	<marquee direction="right" scrollamount="2" style="WIDTH: 400px">Движение слева направо </marquee> <marquee direction="right" scrollamount="2" style="WIDTH: 400px">КАРТИНКА </marquee>

для вас Для вас Fila.V.

---------------------------

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

По просьбам моих друзей и читателей ещё один небольшой иллюстрированный урок.

Иногда, чтобы дерево комментириев не было очень загруженным, картинку, анимашку, флешку следует скрыть, с возможностью открытия её в новом окне, при этом разрешение (размер, качество) останется изначальным. Это также очень полезно для наших постов...

выглядит это так: Открыть картинку в новом окне!

Урок не тяжёлый, но требует внимания.

Хочу сразу заметить: Браузер значения не имеет, во всех теги читаются одинаково!

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

<div class="BlInnrcomTopTxtCont" id="BlInnrcomCont623732844">ВЫГЛЯДИТ ЭТО ТАК<a href="<a href="//img1.liveinternet.ru/images/attach/c/4//3909/3909796_k_sheme_nezhnost.swf"" target="_blank">//img1.liveinternet.ru/images/attach/c/4//390...796_k_sheme_nezhnost.swf"</a> target="_blank">Открыть flash-объект в новом окне!</a></div>

На всякий случай скрин правильного тега (вдруг браузеру вздумается что-нибудь добавить), а если он отличатся от этого шаблона - аккуратненько удаляем.

Редактировать тег можем как и у себя на компьютере в любом текстовом редакторе, потом скопировать его и вставить в блог, либо сразу  в браузере: в комментарии или посте.

Обязательно оставляйте для себя шаблон,чтобы потом не искать!

Внимание! Любые ваши манипуляции не могут привести к каким-бы-то-ни было сбоям в компьтере или браузере!

1. Откываем шаблон тега, копируем его, вставлям в браузер. (компьютер).

Ничинаем редактированние.

Как писать тексты на цветных фонах?

Сегодня урок небольшой: научимся делать тексты на фоне какой-нибудь картинки или залить текст однотонным цветом. Ничего сложного в этом нет. Найдите подходящую картинку или бесшовный фон. Например на этих: Огромная коллекция фонов, 100 Потрясающих цветочных фонов!!!
1. Скопируйте код из флейма.
2. Вместо URL-адрес фона - вставляйте адрес свой картинки или фона.
3. width="100%" - размер по отношению к посту, если Вы хотите сделать меньше, то просто измените цифру, либо вставьте точный размер картинки (если знаете) - но тогда не забудьте удалить проценты (%).

У Вас должно получиться что-то подобное:

Как писать текст просто на цветном фоне - далее >>>

УРОКИ Для оформления вашего Дневника, берём и себе в дневник:)

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
Часть 2 - Волшебные идеи для блога и сайта
...
Часть 12 - Простые Рамки для выделения текста
Часть 13 - Шпаргалка по HTML для блоггера
Часть 14 - УРОКИ Для оформления вашего Дневника, берём и себе в дневник:)
Часть 15 - Найдите свой вопрос здесь!
Часть 16 - Делаем Окошко для наших кодиков ( разноцветными )
Часть 17 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 18 - Шпаргалочка по тегам Берём к себе в цитатник.

Серия сообщений "Эксклюзив от Тараса Ткаченко":

Часть 1 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
Часть 2 - Волшебные идеи для блога и сайта
...
Часть 14 - Видео » ЖИВОПИСЬ » BBC: Леонардо Да Винчи
Часть 15 - С Днём Знаний Вас!!!
Часть 16 - УРОКИ Для оформления вашего Дневника, берём и себе в дневник:)
Часть 17 - Найдите свой вопрос здесь!
Часть 18 - Эксклюзив от Тараса Ткаченко
...
Часть 21 - Эксклюзив от Тараса Ткаченко ( всем в цитатник) - СПАСИБО:)
Часть 22 - ВСЕМ В ЦИТАТНИК!!!:))))))))) - пригодится иметь под рукой...
Часть 23 - Спасибо Вам друзяшки за симпатии которые Вы мне дарите!!!