Программа по созданию видеоуроков PCHand.Screen.Recorder

  Видеоуроки очень наглядны, и они позволяют привлечь новых посетителей в Ваш блог. Особенно пригодятся навыки создания видеоуроков блоггерам, ведущим дневник про фотошоп или создающим уроки в различных программах. При помощи видеоурока можно составить руководство по сайту. Пользуются популярностью видеоуроки по созданию сайта на ucos.  Принцип работы работы во всех программах для создания видеоуроков одинаков.
Одной из программ по созданию видеоуроков является PCHand.Screen.Recorder. Распространяется бесплатно. Интерфейс удобный и понятный. Программа записывает все то, что происходит на экране Вашего монитора. Запись видеороликов в avi, wmv, mp4, flv, mpg. Скачать программу программу по созданию видеоуроков PCHand.Screen.Recorder можно с сайта-разработчика.
        Как сделать видеоурок. Описание работы с программой.
На предложенном скриншоте перевод основных настроек программы.
..
1. Сначала выбираем регион на одноименной вкладке, на котором будет происходить запись с экрана. Чаще всего выставляют параметр full screen (на весь экран).
Во вкладке video указываем в каком формате сохранять, выделять ли курсор, клики, если да, то каким цветом.
Во вкладке audio производим настройку звука.
В последней вкладке output указываем папку сохранения файла на компьютер при автоматическом сохранении (при включенной auto save) после окончания записи или выбираем ручное сохранение (manual save).
2. Нажимаем на start  и начинаем запись видео.
3. Пауза в записи осуществляется при помощи одноименной кнопки .
4. Конец записи происходит после нажатия кнопки stop .

Автор: Иванова Наталья

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

Как сделать музыкальную открытку

   Конечно, можно использовать для поздравлений друзей, читателей и посетителей с Новым годом, днем Рождения и другими праздниками готовые музыкальные открытки. Однако проще сделать самому муз.открытку, чем искать подходящую. В своих открытках Вы можете использовать ту музыку и картинку, которые кажутся Вам наиболее подходящими. Делать их проще всего в Рамочнике.

     Этапы :

1. Находим подходящую музыкальную открытку
           например, эту                                            
2. Находим поздравительную мелодию. Можно воспользоваться поиском на сайте privet.ru (http://music.privet.ru/)
(Небольшие изображения кликабельны!)
..

В поисковую строку на сайте вбиваем название музыки:	Выбираем нужный муз. файл, переходим по ссылке	Копируем код для вставки в блог:

3. Открываем Рамочник. (Подробнее о том, как пользоваться Рамочником)

	На верхней панели в настройках ничего не меняем (простая рамочка с одним окном или в один слой, галочку возле слова “общая” не убираем)
	Выставляем размеры изображения. Их мы смотрим в свойствах изображения (в Опере) или в информации об изображении (в Mozilla), для этого следует нажать правой кнопкой мышки, наведя курсор на открытку.
	Нажимаем на кнопку, выделенной красной рамкой в скрине.
	Вставляем прямую ссылку на изображение, которую также узнаем из свойств картинки или из информации на изображение.
	Вставьте в окно для текста вместо надписи “Содержимое рамки 1” код плеера, который нашли на сайте privet.ru. Вы можете изменить размер и цвет музыкального плеера.
	Не забудьте указать код для какой платформы Вам требуется. Для этого нажмите на стрелочку , расположенную над кодом и в выпавшем окне выберете свой блогохостинг.

4. Теперь осталось только вставить музыкальную открытку в блог в режиме html.
Не судите строго - мой первый видеоурок:

Автор: Иванова Наталья

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

Вставить музыку в плеер аудио на сайт/блог. Автоплей

Для того, чтобы вставить аудио в один из плееров, предложенных ниже, необходимо заменить фразу “Прямая ссылка на аудио файл” на ссылку.

Для начала приведу примеры аудио плееров для сайта или блога и коды к ним:

Плеер с сайта Muzicons.com. Здесь же Вы найдете удобный коструктор аудио плеера, позволяющий выбрать цвет, внешний вид плеера, выбрать музыку (search mp3) из каталога или указать прямую ссылку на файл (URL), подписать название композиции.



Код:

<object width="150" height="50" align="middle"><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&amp;nomuz=muzicon%20unavailable&amp;site=http://muzicons.com/&amp;icon_pic=88.png&amp;music_file=Прямая ссылка на аудио файл&amp;sjid=12&amp;bg_color=ffcc00&amp;type_of_clip=whith_bar&amp;text_color=FFFFFF&amp;text_message=rasta&amp;buy_link=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fsearch%3Fie%3DUTF8%26tag%3Dmuzicocommusi-20%26index%3Ddigital-music%26linkCode%3Dur2%26camp%3D1789%26creative%3D9325" wmode="transparent" menu="false" quality="high"></embed></object>

Код:

<object data="http://htmlka.com/wp-content/uploads/2009/07/player2.swf" type="application/x-shockwave-flash" width=240 height=50><param value="http://htmlka.com/wp-content/uploads/2009/07/player2.swf" name="movie"> <param value="loop=no&amp;autostart=no&amp;soundfile=Прямая ссылка на аудио файл&amp;" name="flashvars"><param value="false" name="menu"></object>

Код:

<object width="290" height="24" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.yapfiles.ru/files/148503/player.swf" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#FFFFFF" /><param name="scale" value="showall" /><param name="quality" value="autohigh" /><param name="align" value="l" /><param name="FlashVars" value="autostart=no&loop=no&soundFile=http://homepersonnel.ru/mp3/pesnya_mamontenka.mp3" /><embed width="290" height="24" swliveconnect="default" src="http://www.yapfiles.ru/files/148503/player.swf" wmode="opaque" bgcolor="#FFFFFF" scale="showall" quality="autohigh" loop="false" menu="false" play="false" name="" base="" salign="tl" FlashVars="autostart=no&loop=no&soundFile=Прямая ссылка на аудио файл" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object>

Плеер с сайта muzicons.com



Код:
..

<object width="150" height="50" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&#038;nomuz=muzicon%20unavailable&#038;site=http://muzicons.com/&#038;icon_pic=0.png&#038;music_file=Прямая ссылка на аудио файл&#038;bg_color=898989&#038;type_of_clip=simple_text&#038;text_color=FFFFFF&#038;text_message=Название композиции" wmode="transparent" menu="false" quality="high"></embed></object>

Плеер с Привет.ru:
 

Код последнего плеера вы увидите на следующем скрине. Выделенная ссылка показывает прямую ссылку на аудио файл. Она обычно не заключена в кавычки, начинается с http//… , содержит в себе mp3 и заканчивается перед вторым символом & (первый обычно входит в состав ссылки). Таким образом прямую ссылку на аудио файл можно выделить и любого плеера.

Этапы смены плеера на другой (или как залить свою музыку на нужный плеер):

1. этап

первый вариант Закачать музыку на хостинг, выдающий прямые ссылки на аудиофайлы (www.dropbox.com здесь необходима регистрация,www.screencast.com – нужна также регистрация) и получить необходимые ссылки. Существуют также хостинги, для получения ссылок с которых нет необходимости в регистрации, однако файлы на них хранятся непродолжительное время и часто такие ссылки не работают.

Получить прямую ссылку

Проверенным способом является закачивание аудио на русскоязычный!! сайт 7not.net (требуется регистрация), здесь можно легко получить как прямую ссылку на аудио файл, так и красивый плеер с музыкой.

второй вариант (наиболее надежный) закачать на музыку на любой хостинг, выдающий уже готовые плееры и извлечь из готового кода прямую ссылку на аудио файл, как я это сделала в примере с плеером с Привет.ru.

2 этап

Вставить прямую ссылку в код плеера.

Генератор mp3 плеера для блога

Собрать mp3 плеер для сайта или блога можно на сайте Flv-mp3.com.  Вставляйте прямую ссылку на аудиофайл, выбирайте размер и цвет плеера
Получится такой плеер:


Здесь же можно создать код автоплея (самозапуска музыки при входе на сайт или блог), указав размеры плеера, равные 0 (в случае, если Вы хотите скрыть сам плеер) и поставив галочку напротив автозапуска. Использовать автоплей не рекомендую из-за частых отрицательных отзывов посетителей сайтов, на которых он установлен. Однако, он имеет право на существование, например, в музыкальных блогах.

Автор: Иванова Наталья

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

Новогодние музыкальные открытки

   К наступающему Новому году подготовила музыкальные открытки. Немного отступлю от своих правил и украшу свой блог новогодними анимационными открытками. В них не содержится ссылки на мой блог и ставить ее не обязательно. Картинки взяты с сайта gifzona.ru. Музыкальные плееры с портала privet.ru. Вы можете поздравить при помощи этих открыток друзей, читателей и посетителей своего блога. Для этого поставьте курсор в окошко с соответствующим кодом, нажмите сочетание клавиш клавиатуры Ctrl+A (выделить все), нажмите правую кнопку мышки и в выпавшем меню выберите пункт "копировать", откройте свою новую запись в режиме html, нажмите правую кнопку мыши и выберите пункт “вставить”. Для того, чтобы все получилось – ничего не меняйте в коде.






ЖЖ: <table width="368" height="394" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/350.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserved422627223264e8285e4aed7d03e287b" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 100px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_6" data-original-id="BLOGGER_object_6" /></span></td></tr> </table>

Li.ru : <table width="368" height="394" style="border:0px none #000000" background="http://www.toop1978.narod.ru/s/nGod/350.gif" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve85aebffaad974d68a82ad0ffd3f6d993" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 100px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_7" data-original-id="BLOGGER_object_7" /></span></span></td></tr> </table>

Привет.ru: <table width="368" height="394" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/350.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve4ba1f3050bfc4331a7db2af9e3edab2d" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 100px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_8" data-original-id="BLOGGER_object_8" /></span></span></td></tr> </table>

blogspot.com: <table width="368" height="354" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/350.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve22383fd9e7864f5680e316408200b9bf" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 100px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_9" data-original-id="BLOGGER_object_9" /></span></span></td></tr> </table>





ya.ru: <table width="501" height="455" style="border:0px none #000000;background-image:url('http://www.toop1978.narod.ru/s/nGod/32.gif')" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px;text-align:center"><span style="color:#000000;font-size:20px"> <span id="preservef15b078ce246482abd932353405a8eb5" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_10" data-original-id="BLOGGER_object_10" /></span></span></td></tr> </table>

ЖЖ: <table width="501" height="455" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/32.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve0531e64f3d7945e597128712bddd5398" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_11" data-original-id="BLOGGER_object_11" /></span></span></td></tr> </table>

LI.ru: <table width="501" height="455" style="border:0px none #000000" background="http://www.toop1978.narod.ru/s/nGod/32.gif" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve57c54fe5ce834486aeda3d37f9c5c205" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_12" data-original-id="BLOGGER_object_12" /></span></span></td></tr> </table>

privet.ru: <table width="501" height="455" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/32.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve571a81e22b2a4250a807d7d40d38e3ef" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_13" data-original-id="BLOGGER_object_13" /></span></span></td></tr> </table>

blogspot.com: <table width="501" height="455" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/32.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve4365592301b34a18affbc1fc7f712abc" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_14" data-original-id="BLOGGER_object_14" /></span></span></td></tr> </table>

..




ya.ru: <table width="570" height="423" style="border:0px none #000000;background-image:url('http://www.toop1978.narod.ru/s/nGod/318.gif')" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px;text-align:right"><span style="color:#000000;font-size:20px"> <span id="preservecce6390ec39a4360b872e56e396c774a" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_15" data-original-id="BLOGGER_object_15" /></span></span></td></tr> </table>

ЖЖ: <table width="570" height="423" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/318.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="right"><span style="color:#000000;font-size:20px"> <span id="preserved2c95a87e0a44da6a5d55ed3e9032f85" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_16" data-original-id="BLOGGER_object_16" /></span></span></td></tr> </table>

LI.ru: <table width="570" height="423" style="border:0px none #000000" background="http://www.toop1978.narod.ru/s/nGod/318.gif" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="right"><span style="color:#000000;font-size:20px"> <span id="preserve7079d849dcf94293803b56c5de57f75c" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_17" data-original-id="BLOGGER_object_17" /></span></span></td></tr> </table>

privet.ru: <table width="570" height="423" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/318.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="right"><span style="color:#000000;font-size:20px"> <span id="preservefa5d68cd7ef24399b9d7ac2854bfd590" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_18" data-original-id="BLOGGER_object_18" /></span></span></td></tr> </table>

blogspot.com: <table width="570" height="423" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/318.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="right"><span style="color:#000000;font-size:20px"> <span id="preserve2dc79f86c7ad4d519ae9f2a125681f05" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_19" data-original-id="BLOGGER_object_19" /></span></span></td></tr> </table>

mail.ru: <table border="0" background="http://www.toop1978.narod.ru/s/nGod/318.gif" cellpadding="20" cellspacing="0"> <tr><td align="center" width="530" height="423"><font color="#000000" style="font-size:20px"><music author="С новым годом" title="Дорожка 1" duration="04:11" url="music:file/139bf920b03cee418048df3e13a7c006"></font></td></tr> </table>





ya.ru: <table width="500" height="375" style="border:0px none #000000;background-image:url('http://www.toop1978.narod.ru/s/nGod/528.gif')" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px;text-align:left"><span style="color:#000000;font-size:20px"><span id="preserve37fd1ac12cc147f9be4bc924b168744b" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_20" data-original-id="BLOGGER_object_20" /></span></span></td></tr> </table>

ЖЖ: <table width="500" height="375" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/528.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="left"><span style="color:#000000;font-size:20px"><span id="preserve64ecff193bb540da9f1ec3cdeb5390b0" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_21" data-original-id="BLOGGER_object_21" /></span></span></td></tr> </table>

LI.ru: <table width="500" height="375" style="border:0px none #000000" background="http://www.toop1978.narod.ru/s/nGod/528.gif" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="left"><span style="color:#000000;font-size:20px"><span id="preservece201fadab914beb8e2f9bd43982b925" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_22" data-original-id="BLOGGER_object_22" /></span></span></td></tr> </table>

privet.ru: <table width="500" height="375" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/528.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="left"><span style="color:#000000;font-size:20px"><span id="preserve08b516e3facf4c65ab5c105c5685789f" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_23" data-original-id="BLOGGER_object_23" /></span></span></td></tr> </table>

blogspot.com: <table width="500" height="375" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/528.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="left"><span style="color:#000000;font-size:20px"><span id="preserve1e24ae2923a942f1b8d548403ce1b5b4" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_24" data-original-id="BLOGGER_object_24" /></span></span></td></tr> </table>

mail.ru: <table border="0" background="http://www.toop1978.narod.ru/s/nGod/528.gif" cellpadding="20" cellspacing="0"> <tr><td align="center" width="460" height="375"><font color="#000000" style="font-size:20px"><music author="ВЕРКА СЕРДЮЧКА" title="С НОвым годом!!!" duration="02:25" url="music:file/32442b2a8f0aa4e1e4c9f5331e63b397"></font></td></tr> </table>






ЖЖ: <table width="500" height="373" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/398.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve3db84d97a6d9407a9991e46e4f15376d" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_26" data-original-id="BLOGGER_object_26" /></span></span></td></tr> </table>

LI.ru: <table width="500" height="373" style="border:0px none #000000" background="http://www.toop1978.narod.ru/s/nGod/398.gif" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preserve2211980a1b40477b91570641d831ba3c" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_27" data-original-id="BLOGGER_object_27" /></span></span></td></tr> </table>

privet.ru: <table width="500" height="373" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/398.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preservef237af0388b8446db132b303fbe61af8" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_28" data-original-id="BLOGGER_object_28" /></span></span></td></tr> </table>

blogspot.com: <table width="500" height="373" style="border:0px none #000000;background-image:url(http://www.toop1978.narod.ru/s/nGod/398.gif)" cellspacing="0" cellpadding="0"> <tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"> <span id="preservecb85127ddf034b0e8bc1992f211a9d9d" class="wlWriterPreserve"><img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 20px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_29" data-original-id="BLOGGER_object_29" /></span></span></td></tr> </table>

Автор: Иванова Наталья

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

Кодировка цвета в HTML, перевод из одной системы в другую

Цвета в html кодируются в зависимости от того, каким путем они получаются. чаще всего цвета на экране монитора образуются в результате смешивания 3 основных цветов – красного (Red),  зеленого (Green) и синего (Blue). Отсюда происходит и название кодов – RGB-кодировки. Каждый цвет шифруется цифрами от 0 до 255. Цвета разделяются между собой точками.Существует еще, так называемая шестизначная кодировка цвета – HEX кодировка. Она основана на том же принципе смешивания цветов и обозначается при помощи 6 цифр, начинающихся со знака #. Первые 2 цифры кода обозначают интенсивность красного цвета, следующие 2 цифры – зеленого и последние 2 цифры – синего. Последняя кодировка, о которой я хочу сегодня рассказать, основана на смешивании таких параметров, как цветового тона (Hue), насыщенности ( Saturation) − насыщенность и яркости (Brightness). Это HSB-кодировка цвета.
.. Примеры кодировки цвета в RGB и HEX

Цвет	RGB	HSB	HEX
	106.90.205	248.56.80	#6a5acd
	255.20.147	328.92.100	#ff1493
	50.205.50	120.76.80	#32CD32

Обычно в блогах мы имеем дело с кодами HEX. Однако можем встретится и с шифровкой RGB, например, при редактировании шаблона HTML. Часто требуется перевести цвет из одной системы кодировки в другую. Для этого можно применить следующие приемы:
1. Выбирайте понравившийся цвет в Таблице цвета HTML, затем вставляете нужный код в следующую flash в окошко Color Code  (в правом нижнем углу флэшки) и моментально получаем кодировки в системах RGB и HSB. Таким же образом можно перевести их обратно. Достаточно подставлять необходимые значения последовательно в соответствующие ячейки флэш.
2. При помощи программы, позволяющей определять цвет любой точки экрана монитора – ColorPic. Подробно о том, как пользоваться программой и где ее скачать я уже писала ранее.

Коротко этапы работы в программе:
- открываем программу и нажимаем на кнопку “New”,
- определяем цвет точки экрана, наведя на необходимый цвет мышкой и зафиксировав его при помощи сочетания клавиш Ctrl+G,
-выбираем необходимый код в нужной нам кодировке.
Красной рамкой на скриншоте обведен код в HEX, синей - в HSB, а зеленой – в RGB.




3. Самый простой, но и самый долгий путь определения цвета – это сделать скриншот экрана, загрузить его в фотошоп или другой графический редактор (можно и в онлайн, например, в SumoPaint ), ткнуть пипеткой в нужную точку для определения цвета,  затем щелкаем по определившемуся цветуна панели инструментов . Вы попадете в окно для выбора цвета, в котором найдете необходимые кодировки:

Определение цвета в фотошопе	Определение цвета в SumoPaint

Автор: Иванова Наталья

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

Полоса прокрутки. Способ 2.

Для оформления записей можно создавать сообщения с прокруткой. Они занимают меньше места и выглядят достаточно оригинально.Самая простая запись с прокруткой, или как он еще называется "скроллбаром" выглядит так.Для блогов mail.ru и многих других блогов полосу прокрутки создают, используя следующий код: <select multiple="multiple" size="6"><option>Ваш текст построчно </option> </select>, в котором параметр size="6" означает количество видимых строк. Вы можете задать свое значение. Не забывайте каждую строчку заключать в теги <option>строчка 1</option><option>строчка 2</option>....<option>строчка N</option> .Если этого не делать, то ваша запись растянется в одну огромную строчку. Кстати, возможно применение этого кода для создания html прокрутки в записях блогах других платформ.

..    Скопировать html код сообщения с прокруткой можете отсюда:

<select multiple="multiple" size="6"><option>строчка 1</option><option>строчка 2</option>....<option>строчка N</option> </select>

P.S. Эта запись создана в ответ на вопрос Ирины в комментарии к записи "Сообщение с прокруткой"

Автор: Иванова Наталья

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

Как вставить flash-ролик с любого сайта в блог

Сегодня вы узнаете, как вставить flash с любого сайта.

Для этого нужно
1. Открыть страницу с флэш-игрой посмотреть код HTML станицы в браузере. 
2.Найти на странице при помощи поиска по странице сочетания латинских букв swf:

.. или путем обыкновенного просмотра исходного кода страницы найдем ссылку, заканчивающуюся на swf .
3.Возможны 2 варианта ссылки:
первый вариант  - ссылка указана в коде странице полностью, те.е начинается с http:// . В этом случае следующий алгоритм действий:
Скопировать ссылку и вставить ее в код flash, который имеет следующий вид:
<object type=application/x-shockwave-flash data=ссылка-на-файл width=450 height=300><param name=movie value=ссылка-на-файл></object>
Для пользователей Li.ru ссылку нужно подставить в следующий код:
[flash=500,100,ссылка_на_flash_ролик]  первая цифра кода: ширина, вторая – высота, слова “ссылка_на_flash_ролик” заменяем на ссылку.
подставить указанную ссылку в код 2 раза вместо слов ссылка-на-файл и указать размеры флэш width - ширина в пикселях, а heigh - высота в пикселях. Эту информацию Вы найдете в коде странице около ссылки на флэш.
второй вариант, когда ссылка на flash неполная, т.е. имеет следующий вид (не начинается с http://):

Здесь ссылка на flash выделена желтым. Чтобы получить полную прямую ссылку на flash необходимо адрес страницы, где была найдена флэшка сократить до http://адрес.ru/+найденная неполная ссылка (в нашем случае это games/power_ball.swf, что на скрине выделено желтым.  Пример: 
флэш найдена на странице
найденная неполная ссылка в исходном коде странице:
Соединяем, выделенные желтым части ссылки на флэш и получаем прямую ссылку вида http://www.bebex.ru/games/power_ball.swf . Перейдя по этой ссылке или вбив ее в адресную строку браузера, мы попадем на страницу флэш-игры, где она будет во весь экран.
Теперь копируем полученную ссылку в код флэш, выставляем размеры и получаем код игры для вставки в любой блог:
<object type=application/x-shockwave-flash data=http://www.bebex.ru/games/power_ball.swf width=750 height=375><param name=movie value=http://www.bebex.ru/games/power_ball.swf></object>
Для блога на Li.ru он будет выглядеть следующим образом:
[flash=750,375,http://www.bebex.ru/games/power_ball.swf]
Однако такие размеры игры являются очень большими для блога, и Flash будет отображаться с горизонтальной полосой прокрутки. этого Вы избежите, если пропорционально измените размеры так, чтобы ширина флэш была не более 550-600 px (в зависимости от блогосервиса, дизайна дневника и др. параметров). Посчитать быстро можно, пользуясь, калькулятором пропорций.
4. Подставляем полученный код flash-игры в сообщение блога в режиме HTML и играем!

Автор: Иванова Наталья

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