Как создать плейлист на Привет.ру Урок от MissKcu

адрес сайта  http://music.privet.ru/

1.

читать дальше...

12.

 

Девоньки и мальчики...

Этот плеер можно на Ли.ру устанавливать в посты...

И цвет подбирать под цвет рамочки или коллажа.

 

Вот как тут...например....

http://www.liveinternet.ru/users/misskcu/post200933904/

 

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 7 - Кнопка Источник в расширенном редакторе. Урок от MissKcu
Часть 8 - Урок для Ли.ру от MissKcu. Как удалить цитируемый пост.
Часть 9 - Как создать плейлист на Привет.ру Урок от MissKcu
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
...
Часть 16 - Урок об написании постов на Ли.ру от MissKcu
Часть 17 - "Как поставить картинку в Рубрику". Урок от MissKcu
Часть 18 - Урок " Делаем бесшовные фоны программой 20 на 20"

В помощь блоггеру

Источник

Оформление блога Официальная помощь мейлрушному блогеру

Оформление блога Официальная помощь мейлрушному блогеру Пояснения по оформлению блога Памятка начинающим блогерам  Как спрятать часть текста "под cut"? /blogs.mail.ru/inbox/superalina/252E5CB4745B7787.html" target="_blank">Как расположить картинку в центре текста и по краям Как сделать всплывающую подсказку к изображению Как сделать фон для записи в блоге  Как сделать кликабельную картинку Как вставить музыку в комментарий Как сделать постраничное оглавление блога Как сделать навигацию по блогу (бродилку, оглавление) Как сделать картинку-кнопку для бродилки Как сделать слайд-альбом Как сделать скриншот - фотографию экрана Как сделать скриншот с видео-изображения Как скачать видео  Всякая всячина для блогов Линеечки. Огромная коллекция  Кнопочки типа "Я люблю Васю" Информер погоды Счётчики посещаемости  Cursor Mania - курсоры, интересные смайлики Оптические иллюзии Палитра для текста Специальные символы на клавиатуре Анимашки, блестяшки и просто картинки Fotozveri - большой сайт со зверушками Angelsart - маленький сайт с ангелами, феями, эльфами Страна фантазий - анимашки, картинки, часики, курсоры, календарики 33B.ru - огромная gif-коллекция блестящих и не очень картинок на все случаи Красота - коллекция красивых блестящих картинок Glitter-Graphics - много блестяшек-анимашек Best gif - гигантский сайт анимашек (более 3000) Glitter Graphics Now - новая коллекция блестяшек-анимашек Всякие картинки - тематические gif-коллекции Клип-арт - огромный алфавитный каталог картинок, бордюров и фонов Анимационные картинки-открытки Big gif - сайт с большими блестящими картинками Art Gif - очень много анимашек Blestiashky - блестяшки-анимашки Новогодние картинки Новогодние блестяшки Best Gif - гламурные анимашки Gif Pict - красивые анимашки с девушками Гламурные картинки Красивые картинки Красивейшие картинки Большой сайт фотографий разных цветов Ещё фотографии цветов Фэнтези I Фэнтези II Рисунки символами  Небольшой, но расширяющийся сайт с фотографиями http://www.zwani.com/  http://www.glimboo.com/  http://recadosdaweb.com/  http://www.pimpinup.com/  Генераторы текста Says-it - генератор надписей на аудиокассетах Сryptogram - генератор надписей на сердечках (англ.) Тext-image - генератор текстовых изображений Imagechef - генератор анимированных и забавных надписей Легче лёгкого - генератор радужного текста  Rainbow text - генератор радужного текста Gifr! - генератор блестящих надписей на русском языке Lintukoto - генератор баннеров Glitterfy - генератор блестящих надписей Glassgiant - генератор неоновых надписей Dollzmania Glitter - генератор блестящих надписей и картинки с Долли Create Glitter - генератор блёсток на вашей маленькой картинке Your Gen - генератор блестящего текста Crazy Pages - генератор разноцветного разноразмерного текста  Сaption.It - генератор надписей на фото Image Chef - генератор надписей на картинках с разными эффектами Image Chef - генератор текста, написанного цветами GlitterKiss.com - генератор красивых блестящих буковок Gifr. ru - аватарки, сияющие буковки Фотогенераторы Bighugelabs - генератор коллажей Оnlinewahn - монета с собственным изображением Magixl - генератор забавных карикатур Wittycomics - классный генератор комиксов с поддержкой кириллицы классный генератор, позволяющий создавать стереограммы генератор красивых рамок для фото генератор интересных фоторамок, фото на обложке журнала генератор собственных заставок на рабочий стол новые причёски к вашему изображению на обложке журнала генератор забавных логотипов онлайн генератор забавных изображений генератор фото на обложке книги 3d-pack - генератор фотоизображений на трехмерных коробках с зеркальным отражением Рhoto Funia - генератор фотографий в музее, космосе, на улице города и многое другое Dumpr - фотогенератор "кубик-рубик", "музейная картина" и другие Loona Рix - фотогенератор " фото в рамке" и прочие Hero in.com - генератор "Твоё фото на обложке журнала" Watereffect.net - генератор эффекта воды на фото Fototrix - генератор различных рамок для фото Flashbannernow - генератор флеш-баннеров (англ.) Слайдшоу  СмайликиРасшифровка смайликов на IconsFree.org  Смайлики на http://smiles.dolf.ru/  Смайлики на http://smailiki.nm.ru/  Смайлики на http://smiles.rc-mir.com/  Смайлики на http://smiles.33b.ru/index.php  Смайлики на http://www.funportal.info/smiles.php  Смайлики на http://tritroichki.narod.ru/smajliki.html  Смайлики на http://www.vasilechki.ru/smile-kolobki/  Смайлики на http://smiles2k.net/big_smiles/index.html  Смайлики (png) http://www.novojonov.ru/resource/smiley-set-big.aspx Хостинги изображений Smages Радикал Keep4u.ru Imageup Imagebar Фоторедакторы Небольшой редактор для фото фоторедактор - вырезать фрагмент или аватарку из фотографии Fan studio - фоторедактор в интернет Скачать бесплатно русифицированный Фотошоп -10 Англо -русский словарь терминов Фотошоп Из Нета ***Светик***

Учебник ЛИРУ!
Взяла у Только для женщин

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.



Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.



Теги, применяемые на ЛиРу

Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.

* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)

1. Как выделить текст?



<b>ВАШ ТЕКСТ</b>Полужирный текст

<i> ВАШ ТЕКСТ</i>Выделение текста курсивом

<u>ВАШ ТЕКСТ</u>Подчёркнутый текст

<s>ВАШ ТЕКСТ</s>Зачёркнутый текст

<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки

<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом

<p>ВАШ ТЕКСТ</p>Создание нового параграфа

<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________

<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________

<br />Перенос строки (если двойная - абзац)

<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)



2. Как изменить размер текста?



маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

Уменьшить текст <font size="-2">текст</font> текст - 2

Увеличить текст+1: <font size="+1">текст</font> текст + 1

Увеличить текст+2: <font size="+2">текст</font> текст + 2

Увеличить текст+3: <font size="+3">текст</font> текст + 3



3. Как разместить текст (картинку) на странице и делать отступы?



<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.

<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?

Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20

Код картинки примет вид: <img src="http:…" align="left" hspace="20" />

Помни: align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали

vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

<img src="http:…" align="left" hspace="20" vspace="15" />



Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.

<br /><br /><br /> - три пустые строки.



Вставить две и более картинки горизонтально:

<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.



4. Как окрасить текст в разные цвета?



КРАСНЫЙ: <font color="red">текст</font> красный текст

Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст

ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст

ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст

ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст

Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст

КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст

Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст

ГОЛУБОЙ: <font color="blue">текст</font> голубой текст

Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст

СИНИЙ: <font color="navy">текст</font> синий текст

ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст



Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).



* Коды цвета для текстов

* Посмотреть сочетаемость цветов

* Таблица "безопасных" цветов

* Все цвета Интернета



Вид шрифта:

Шрифт этого текста "Monotype Corsiva"

<font face="Monotype Corsiva" size="+1">Ваш текст</font>

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:

Шрифт этого текста "Monotype Corsiva"

код этого текста:

<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>



5. Как сделать бегущую строку?



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

бегущая влево

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

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



6. Как сделать бегущую картинку?





 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?



Скользящий вверх текст

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх

текст с полезной

информацией,

картинкой или ещё с чем-нибудьСкользящий вниз текст

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь

информацией,

текст с полезной

Скролящийся вниз



8. Как сделать списки и сноски?



Список c жирная точка спереди <ul><br /><br /> <li>Ваш текст<br /><br /> </li><li>Ваш текст<br /><br /> </li></ul>

• Мужской клуб
  
   


• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /><br /> <li> второй пункт Вашего ТЕКСТА<br /><br /> </ol>

1. Первый пункт текста
   
    


2. Второй пункт текста

Сноска сверху

ТЕКСТ^сноска ТЕКСТ ^сноска

Сноска снизу

ТЕКСТ_сноска ТЕКСТ _сноска



9. Как сохранить текст таким, как вы написали?



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

Однажды


        в студеную зимнюю пору


                я из лесу вышел...

10. Как сделать всплывающую подсказку?



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

Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет



11. Как дать ссылку на свой дневник или любой адрес?



Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:

<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин



Точно также можно дать ссылку на фото, картинку или видео.

Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):

<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>



12. Как скрыть часть текста (убрать под кат) ?



Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать Читать далее...