Уроки блоггерского мастерства

Уроки блоггерского мастерства

























Предложите интересных авторов уроков и я дополню бродилку!

©Surge Blavat "ECLETTICO"

Перезаливаем флешки к себе и переписываем код.

Собственно, много вопросов в личке, поэтому назрел пост. Расскажу, как перезаливать мои и Лехины (Legionary, ) флешки к себе и как переписать код. Я говорю исключительно наших "самопальных" флешках (часики, флешки перехода по страницам), хотя с прочими, вероятно, можно поступать по аналогии. Честно - не проверяла :-)
Пост вышел излишне подробным, простите. Пытаюсь ответить на ВСЕ вопросы одним постом. Так что - лишнее пропускаем а в пролетарскую суть вникаем:-)))

Итак сделаем все на примере этих часов для блога:



Под ними мы пишем код, который выглядит так:
[flash=250,72,http://inmira.narod.ru/our_flash/time/Chasy_8.swf]

Дальше > > >

Как правильно записать код флешки или видео в рамочку для кодов.

Для тех у кого возникли проблемы с правильным отображением кодов для флешек и видео в поле тега textarea.
Разбираясь с проблемой, я обнаружила, что все дело в том, что при написании текста для окошечек кодов нельзя использовать символы скобок, которые мы вводим с компьютера.(т.е. "<" или "[" ) Необходимо использовать их специальные кодовые обозначения. В табличке даны такие коды скобок. Как вы знаете для размещения флешек и видео на Лиру используются квадратные скобки "[; ]", но можно использовать и запись типа "embed src= " с треугольными скобками "<; >" Вот такие кодовые обозначения для скобок необходимо использовать в простом редакторе сообщений для записи флешек с окошечном для кодов.

Название	Символ	Код
Скобка квадратная левая	[	[
Скобка квадратная правая	]	]
Скобка треугольная левая	<	&lt;
Скобка треугольная правая	>	&gt;

"Читаем далее"

Серия сообщений "Flash":

Уроки по разным флеш программам, мои работы, часики - информеры

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Ура, я научилась делать часики.
Часть 3 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 4 - Часики-приветствия.
Часть 5 - Часики "Дельфин и Русалка" с эффектом "Ripple".
...
Часть 25 - Флешки для коллажей. Часть 1.
Часть 26 - Флешки для коллажей. Часть 2.
Часть 27 - Флешки для коллажей. Часть 3.

Серия сообщений "флеш-информеры,часики":
Часть 1 - Ура, я научилась делать часики.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 3 - Часики-приветствия.
Часть 4 - Часики "Дельфин и Русалка" с эффектом "Ripple".
...
Часть 18 - С Праздником 8 марта.
Часть 19 - Флешчасики для коллажей в Aleo Flash Intro Banner Maker
Часть 20 - Пасхальный таймер обратного отсчета и часики.

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 3 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
Часть 4 - Пошаговая инструкция по созданию флешролика в программе Aleo Flash Intro Banner Maker.
...
Часть 9 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 10 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 11 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker.

Серия сообщений "Часовая мастерская":

Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему

Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 3 - Украшаем простые цифровые часики. Разнообразие дизайна.
Часть 4 - Флешчасики для коллажей в Aleo Flash Intro Banner Maker
Часть 5 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 6 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.

Флэш анимация своими руками

в программе Ну что, мои хорошие....просидела почти трое суток безвылазно у ноутбука...но...все таки осилила и добила новую для себя "изучалку" А именно...научилась делать флеш ролики небольшие и флеш открытки с календарями, часами и анимацией...И в первых строках этого урока хочу ОГРОМНУЮ БЛАГОДАРНОСТЬ выразить милому и доброму человеку под ником Она обитает на Ли.ру...и очень мне помогла в вопросе изучения флэш-анимации....Ну , в смысле, благодаря её работам и её помощи я и решила освоить это интересное занятие...А научившись, естественно делюсь с вами....Все как обычно...Итак....Поехали...

Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок.

Последнее время на Ли.ру выставляется много постов с флеш-картинками.Но под картинками стоят коды,которые работают только на Ли.ру,больше нигде.А у многих есть еще странички на других сайтах,на Я.ру,на Майл.ру и так далее.И очень хочется там тоже поделиться этой красотой,но коды не позволяют этого делать.Ко мне много обращаются за помощью или разъяснением,как поменять код,чтобы можно было делиться флешками на других сайтах.И я решила опять вам помочь в этом вопросе,попробую объяснить.Но пока вы будете изучать все это,и привыкать к кодам,я пока буду выставлять по два кода под флешками,один для Ли.ру,другой HTML-код.ИТАК, перед вами флеш-картинка,часики и плеер,я их уменьшила в размере,чтобы они стояли в ряд.Под ними коды,которые работают здесь. В каждой флешке,как и в открытке есть адрес,возьмем для примера адрес первой флеш-картинки.Вот он: http://www.xcwhw.cn/fla/bb/th/1.swf В коде на Ли.ру перед адресом стоят размеры флешки-высота и ширина,вот смотрите: [flash=500,500,http://www.xcwhw.cn/fla/bb/th/1.swf] Теперь внимание:чтобы поменять код в этом случае,нужен вот такой код,шаблон: <embed src="АДРЕС ФЛЕШКИ,ЧАСИКОВ,ПЛЕЕРА"width="ширина"height="высота">

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

Урок Sothink SWF Easy (эффекты со звездами)

"Раскололи" Вы меня на новый урок по созданию эффектов в программе Sothink SWF Easy. Сегодня мы будем создавать эффект со звездами. Вот такой, а может и не только такой.

Читать далее

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
Часть 3 - Урок Sothink SWF Easy (Луна)
Часть 4 - Урок Sothink SWF Easy (Гроза)
Часть 5 - Урок Sothink SWF Easy ( День защитника Отечества)
Часть 6 - Урок Sothink SWF Easy ( 8 Марта )

101 комбинация на клавиатуре, которая может облегчить Вашу жизнь .

 

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

Урок 1. Делаем простую рамочку из 2-х слоев.

Делаем простую рамочку. У меня созрела идея написать урок как научится делать рамки может кому то будет интересно, начнём с простой рамки и потом перейдём к рамкам по сложнее. Сделаем простую рамочку из 2-х слоев (фонов) Вот такую. ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ. Nataliya Bezushko

дальше>>>>

CSS. Border, background. Введение

Как вы помните, в посте про мигающий текст мы начали немного говорить про CSS. Так вот хочу продолжить, но не "планово" по шагам, а так... урывками:) Для начала:)

Сегодня будем делать обводку и фон. Чего именно? Да чего хотите:)
Кто сказал что тег <b> (жирное написание текста) не может быть с фоном и обводкой?
Пожалуйста:



Привет

Или:Привет

Или:Привет



Или:Привет



Читать дальше > > >

КАК СДЕЛАТЬ КАРТИНКУ В ФОРМАТЕ PNG

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ.

КОДЫ ДЛЯ БЛОГА

Коды для оформления блога

Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста -
Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -

Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -

Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -

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

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

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

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

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

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

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

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

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

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

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

Текст между двух картинок

Текст между двух картинок! По сути, это та же таблица, только без рамки. и так, формула: <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table> Таким же образом можно сделать картинку между двумя столбцами текста: <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table> ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ ТЕКСТ найдено здесь

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

Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Урок по таблицам
...
Часть 21 - УБИРАЕМ ВСЁ ЛИШНЕЕ С НАДПИСЕЙ-БЛЕСТЕЛОК
Часть 22 - КАК ЛЕГКО И БЫСТРО ВСТАВИТЬ ТАБЛИЦУ В БЛОГ
Часть 23 - Текст между двух картинок
Часть 24 - 12 ПОЛЕЗНЫХ РЕСУРСОВ, ГДЕ МОЖНО БЕСПЛАТНО СКАЧАТЬ КРАСИВЫЕ ШРИФТЫ
Часть 25 - БЕГУЩИЙ ТЕКСТ В ЦВЕТНОЙ РАМОЧКЕ
...
Часть 40 - ГЕНЕРАТОРЫ БЛЕСТЯЩИХ И РАЗНОЦВЕТНЫХ НАДПИСЕЙ, БЕГУЩЕГО ТЕКСТА
Часть 41 - КАК ДОБАВИТЬ В СВОЙ НИК СЕРДЕЧКИ, ЗВЁЗДОЧКИ И ПРОЧИЕ "КАРТИНКИ"
Часть 42 - Палитры цветов с кодами, тестовая страница сочетаемости цветов фона и текста, подбор цвета для страниц сайта

Текстовые теги на Ли.Ру

Текстовые теги на Ли.Ру

Текст с отступом от края в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

Если хочешь быть здоров - похмеляйся!
Дома бегай без трусов - не стесняйся!

Абзац - редкая практика в инете
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Не пытайтесь спорить с дебилом,
иначе Вы опуститесь до его уровня,
где он Вас задавит своим опытом!

Текст справа в несколько строк
с выравниванием СПРАВА
<div align=right>ВАШ ТЕКСТ</div>

текст справа в несколько строк
с выравниванием справа

Текст справа в несколько строк
с выравниванием СЛЕВА
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />

текст справа в несколько строк
с выравниванием слева

Бегущая влево строка (и/или картинка!)
<marquee>ВАШ ТЕКСТ</marquee>
бегущая влево строка


Бегущая вправо строка (и/или картинка!)
<marquee direction="right">ВАШ ТЕКСТ</marquee>
бегущая вправо строка


Бегущая от края к краю строка (и/или картинка!)
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
бегущая от края к краю


Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

скользящий вверх текст
с информацией или
с



Скользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>



текст со всякой ерундой :))
текст с информацией
скользящий вниз текст



Сноска сверху (удобно для показателя степени)
ТЕКСТ^сноска ТЕКСТ ^сноска - 120 см²


Сноска снизу (индекс)
ТЕКСТ_сноска ТЕКСТ _сноска - АВ₁₂


Список - жирная точка спереди
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

• Это Вам не гифы по сайтам тырить!
  
• Кто юзал мой логин и весь его выюзал?!
  

Автоматическое формирование списка по пунктам
<ol><br /> <li> Один из пунктов несортированного списка<br /> <li> Другой такой пункт<br /> </ol>

1. Я всегда права!
   
2. Если я не права, то см. п.1
   

"Закрепить" текст так, как вы его напишите
<pre>ВАШ ТЕКСТ</pre>

Каждый

      пишет так,

            как ему нравится!

Текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

Хотите увидать подсказку? - наведите мышкой на это предложение -
всплывет подсказочка.

Нажимаем и удерживаем левую клавишу [Alt], а на дополнительной
цифровой клавиатуре (самая правая часть клавиатуры)
набираем четырехзначный код.

Как вставить код любого изображения в аккуратную рамку (урок)

Большинство из вас выставляют посты с картинками, анимацией и т.д. А под ними коды. Коды бывают разные... Мне например, не нравятся некоторые из них - широкие, некрасивые и не аккуратные. Хочу вам предложить коды, которые я использую постоянно. А нужно это вам или нет, решайте сами. Вот код окошка, в которое вставляется код: <input type='text' size='35' value='<ВАШ КОД>'>

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

КАК ВСТАВИТЬ ФЛЕШ (FLASH) В ПОСТ ? КАК УЗНАТЬ ПРЯМУЮ ССЫЛКУ НА ФЛЕШ ?

КАК ВСТАВИТЬ ФЛЕШ (FLASH) В ПОСТ ? КАК УЗНАТЬ ПРЯМУЮ ССЫЛКУ НА ФЛЕШ ?

смотреть здесь

Раскраски онлайн

 

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

Видео уроки Adobe Photoshop онлайн

Набор из 30 наглядных уроков по фотошопу. Видеоуроки по основным и необычным эффектам в фотошопе. Отлично подойдут как для тех, кто только что купил и установил себе Photoshop, так и для более продвинутых пользователей. Остальные слайды урока на skillopedia.ru автор поста Любаша К есть ко мне вопросы,заходи,обсудим

 

Серия сообщений "фотошоп":
Часть 1 - САЙТ ВИДЕОУРОКОВ ПО ПРОГРАММАМ
Часть 2 - БРОДИЛОЧКА ПО УРОКАМ Photoshop
...
Часть 15 - Как установить шрифты в фотошоп
Часть 16 - ФОТОШОП ОН ЛАЙН
Часть 17 - Видео уроки Adobe Photoshop онлайн

Уроки ФШ для начинающих

Работы, созданные в программе Adobe Photoshop, могут стать настоящими шедеврами! Этот курс написан доступным языком и создан специально для начинающих. Какой Фотошоп выбрать Скачать бесплатно Adobe Photoshop CS4 Adobe Photoshop CS5 Знакомство с инструментом «кисть», рисуем полянку Работа с меню «Фильтр» (Деревянная поверхность) Ледяная колючка Перевоплощение - меняем картинку Одуванчик - рисуем цветок Рисуем Забавного пушистика Рисуем Солнечную опушку Учимся писать текст в фотошопе Заливка текста рисунком Прозрачный текст Зеленый травянистый текст Анимация текста Объемный раскрашенный текст Создаем web кнопку с помощью стилей Делаем прозрачный фон у картинки Делаем из лета осень за минуту Делаем улыбку белоснежной Убираем с фотографии дефекты кожи Живое сердце Делаем фон под коллаж Наипростейшая рамочка - 1 урок. Создание. Наипростейшая рамочка - 2 урок. Стили и их применение Наипростейшая рамочка - 3 урок. Клипарт. Применение, трансформирование. Простая рамочка

Как обрезать логотип

СПРАШИВАЛИ - ОТВЕЧАЮ.


Я выставила запись
"РАСКРАШИВАНИЕ КАРТИНОК БЕЛЫМИ БЛЕСТКАМИ".
Запись под стрелочкой, жмите.

Многие уже успели оценить предоставленную нам возможность
украшать наши картинки Он-лайн.
Картинку, которую я разукрасила вы видите в начале записи -
"Абрикосы в корзинке".
Справа внизу стоит логотип сайта, который не очень хорошо смотрится и портит вид.
***************
Как обрезать логотип, сохранив при этом GIF -формат, я вам сейчас и покажу.
Жмякаем на бабочку и обрабатываем нашу картинку.

Приступим?













И вот то, что нас получилось. Картинка осталась в GIF - формате, наши блестки светятся!
Единственное что, картинка стала на пару пикселей меньше.


Удачи всем!
Будут еще вопросы - спрашиваем!

Ваша

Серия сообщений "фотoгенератор":
Часть 1 - фотоэффекты
Часть 2 - ГЕНЕРАТОРЫ
...
Часть 31 - Генераторы он-лайн
Часть 32 - Генератор, который украшает
Часть 33 - Как обрезать логотип
Часть 34 - Бесплатный Генератор Кнопок для Дневника и Сайта