Взяла из блога Натальи: http://blogs.mail.ru/mail/garkina-natali/

Огромная HTML-Шпаргалочка Спасибо   Пример Код     <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ"> При наведении на картинку появляется Окошко-подсказка TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title <a href="ВАША ССЫЛКА"> <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"title="ВАШ ТЕКСТ" border="0" ></a> Картинка кликабельна и появляется Окошко-Подсказка Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .     HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. HSPACE - Horizontal Space - горизонтальный отступ и VSPACE - Vertical Space - вертикальный отступ. Эти значения можете изменять . <p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"hspace="15" vspace="15" align="left">ВАШ ТЕКСТ</p> Картинка с отступами и выравниванием по левому краю Атрибут align="left" - значит с лева Атрибут align="justify" - значит выравнивать     HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. HSPACE - Horizontal Space - горизонтальный отступ и VSPACE - Vertical Space - вертикальный отступ. Эти значения можете изменять . <p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" hspace="15" vspace="15" align="right">ВАШ ТЕКСТ</p> Картинка с отступами и выравниванием по правому краю Атрибут align="right" - значит с права Атрибут align="justify" - значит выравнивать     Жаль, что мы не рисуем прямо глазами. Как много пропадает на длинном пути от глаз через руку к кисти. /Г. Лессинг/ Произведение, которое читают, имеет настоящее. Произведение, которое перечитывают, имеет будущее. /А. Дюма-сын/ <p align="justify"><img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" align="left">ВАШ ТЕКСТ</p> Картинка без отступов , с выравниванием по левому краю Если поменять атрибут align="left" на align="right" - то получите Картинку без отступов , с выравниванием по правому краю .     Обратите внимание , что ваш текст должен быть поделен на две части Первая часть пишется -- перед кодом , Вторая -- после . Первая часть текста <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align="middle" border="0"> Вторая часть текста Картинка в середине Текста Атрибут align="middle" - значит середина      Стихи писать я не умею, Но мысли изложить могу…  Я просто от тебя балдею     И не во сне, а наяву.   <table align=center border=0> <tr> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> <td>ТЕКСТ</td> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> </tr> </table> Текст между двух картинок     … Десяток тополей качают стан, чаруя городок провинциальный. Осенний парк, с площадкой танцевальной, роняет листья в выцветший фонтан. На площади, какой то музыкант, играл на скрипке полонез забытый, Да так, что дождь холодный и сердитый, Почти притих, признав его талант. Прохожие поднявшие зонты толпились, подступали ближе робко. Бросали пятаки ему в коробку, благодаря за звуки красоты. И таял город в свете фонарей, Под звуками мелодии пьянящей И плыл мотив по тишине звенящей, И стали все от музыки добрей… <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td> <td>ТЕКСТ</td> </tr> </table> Картинка между текстом     Рамка растягивается на всю ширину записи . <fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset> Рамка с разрывом Картинки     Добро Пожаловать Рада Вас приветствовать у себя в Блоге <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset> Рамка с разрывом Текста     Таблица в 2 ряда и 2 столбца СМАЙЛИК СМАЙЛИК TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги. TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен. TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег. <table border="1"> <tr> <td>Ряд 1 Ячейка1</td> <td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично Атрибут BORDER - задает толщину рамки таблицы в пикселах.     Объединяем верхнии ячейки ШПАРГАЛОЧКИ         Используя эту Формулу можно строить и другие таблицы Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Ряд 2 Ячейка 3   <table border="1"> <tr> <td colspan="2">Ряд 1 Ячейки 1+2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> COLSPAN – определяет количество столбцов , на которые простирается данная ячейка. По умолчанию имеет значение 1.     Объединяем ячейки слева Ячейка 1, Ряд 1+2 Ряд1 Ячейка2 Ряд 2 Ячейка 2 Ячейка 1 Ряд 1+2+3+4 Ряд1 Ячейка2 Ряд 2 Ячейка 2 Ряд 3 Ячейка 2 Ряд 4 Ячейка 2   <table border="1"> <tr> <td rowspan="2">Ячейка 1, Ряд 1+2</td> <td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 2</td> </tr> </table> ROWSPAN – определяет количество рядов , на которые простирается данная ячейка. По умолчанию имеет значение 1.     Добавляем атрибут cellpadding и выравниваем таблицу по центру Ряд 1 Ячейка1 Ряд1 Ячейка2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки html таблицы и содержащемся в ней материалом.   <table border="4" align="center" cellpadding="10"> <tr> <td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек. Возможные значения: left , center , right . Значение по умолчанию – left .     Добавляем атрибут cellspacing и так же таблица по центру Ряд 1 Ячейка1 Ряд1 Ячейка2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.   <table border="1" align="center" cellspacing="10"> <tr> <td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table>     Если необходимо , можно задать ширину и высоту таблицы Так же таблица расположена по центру Ряд 1 Ячейка1 Ряд1 Ячейка2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2   <table border="1" align="center" width="400" height="100"> <tr> <td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td> </tr> <tr> <td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td> </tr> </table> WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала. HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.     Так же можно изменить цвет таблицы - Фон Ряд 1 Ячейка 1 Ряд 1 Ячейка 2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Ряд 1 Ячейка 1 Ряд 1 Ячейка 2 Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый . <table background="АДРЕС ФОНА СТРОКА С РАДИКАЛА №1" border=2 align="center" > <tr> <td>Ряд 1 Ячейка 1</td> <td>Ряд 1 Ячейка 2</td> </tr> <tr> <td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td> </tr> </table> BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.     Нумерованный список НАЗВАНИЕ СПИСКА Строка Строка Строка Цвет определяете сами <OL>НАЗВАНИЕ СПИСКА <LI>Строка <LI>Строка <LI>Строка </OL> Нумерованный список определяется - метками <OL></OL>. Элементы списка отмечаются метками <LI>. В нумерованном списке элементы нумерует сам браузер. Заметим, метка <LI> непарная - т.е. метки </LI> не существует.     Ненумерованный список НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4 Ненумерованный список определяется метками <UL></UL>   <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 1<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 2<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 3<BR> <IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 4<BR> </UL>     Вот пример ещё ненумерованного списка НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4   <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 1<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 2<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 3<BR> <IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 4<BR> </UL>     Вот пример ещё ненумерованного списка НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4   <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 1<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 2<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 3<BR> <IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 4<BR> </UL>     Вот пример ещё ненумерованного списка НАЗВАНИЕ СПИСКА Строка 1 Строка 2 Строка 3 Строка 4 <UL> <B>НАЗВАНИЕ СПИСКА</B><BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 1<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 2<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 3<BR> <IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 4<BR> </UL>     Пример простого ненумерованного списка Название Списка Строка 1 Строка 2 Строка 3   <UL>Название Списка <LI>Строка 1 <LI>Строка 2 <LI>Строка 3 </UL> Ненумерованный список определяется метками <UL></UL>       Делаем сами Кнопочку ЖМИТЕ Загляните   <form action="АДРЕС ССЫЛКИ" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align=absMiddle> ВАШ ТЕКСТ</button></form>

Елена-рыбка

Серия сообщений "HTML начинающим и не только":
Часть 1 - Html для начинающих ( часть 2-ая)
Часть 2 - Всё о HTML...начинающим и не только...
...
Часть 11 - Учебник по Html для чайников
Часть 12 - Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок.
Часть 13 - Огромная HTML-шпаргалка из блога Натальи
Часть 14 - Классная шпаргалка HTML!!!! Спасибо Ларисе!
Часть 15 - ТОП 10 HTML ошибок новичков
Часть 16 - УРОКИ HTML
Часть 17 - Формула для размещения картинок с кодами (в Excel)
Часть 18 - КОДЫ ДЛЯ МЕЙЛА И ЛиРу

Сделать схему - элементарно!

Напишу инструкцию, как очень просто и быстро сделать свою собственную схему для дневника. Для этого нужно всего ничего. Зайдите в "Настройки", а затем - в "Настройки дизайна".
Сразу попадете в подраздел "Настройки схемы", где увидите много разных окошечек для загрузки, меню с цветом и размером шрифта, и прочее.

Помошник...



 

Помощь блоггеру   УРОКИ ОТ ДЖУЛИИ

 

Название: Закат над зимней рекой
Автор: P_ika
Создана: 11.01.2011 20:14
Скопировали: 100 раз
Установили: 57 раз
Примерить схему | Cохранить себе

Часики

Календарь

Аватары

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

Официальная помощь мейлрушному блогеру
Мои пояснения по оформлению блога
Памятка начинающим блогерам 

<a href="адрес ссылки" target="_blank"><img src="адрес картинки" /></a>

Серия сообщений "уроки":
Часть 1 - УРОК "пакетная загрузка картинок на ЛИру"
Часть 2 - СЛОЖНЫЕ ТАБЛИЦЫ
...
Часть 18 - Обучающие видео уроки различной тематики
Часть 19 - простой генератор красивых надписей.
Часть 20 - поставить кнопку в пост
Часть 21 - HTML - супер сайт!
Часть 22 - Часы для блога своими руками
Часть 23 - Далее...

ВСЕ В ОДНОМ МЕСТЕ

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

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Рамка в два слоя

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка  Лариса Гурьянова

Ссылка Источник

Изменить цвет ссылки

Фон для записи

Сложная таблица

Прокрутка для текста

1.<div align="center"><select multiple="multiple" size="10">ТЕКСТ...</select></div>

Каждую строчку заключаем в теги <option>СТРОЧКА </option>

2.<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">Здесь будет ваш очень большой текст</textarea>

НАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИНАЗВАНИЕ ССЫЛКИ

Метки: все для блога, памятка начинающим

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

Часть 1 - РАМОЧКИ ДЛЯ ВИДЕО
Часть 2 - Видео-рамки
...
Часть 7 - Кулинарная видео рамочка!
Часть 8 - Видео рамочки для Вас!
Часть 9 - Зимние видео рамочки

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

Первый и самый простой способ.

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

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

Скучно? Примитивно?Согласна! Тогда второй более сложный вариант.,который я нашла Здесь 

Скопируйте код плеера  и вставьте его  в сообщение в черновике

Если  не получается,значит где-то допущена ошибка.Либо есть пробел,либо что-то захватили лишнее.У меня  получилось с четвёртого раза

Цвет можно поменять на любой. Для этой песни я выбрала такой Выбрать код цвета.

Третий способ.

Заходите на ЯП-файлы регистрируетесь и создаёте вот такие шедевры! Как это делается читайте здесь

Четвёртый способ.

Очень простой через ПростоПлеер 

Это уникальный online-плеер для mp3 файлов. Самый простой и удобный сервис из всех, что вам когда-либо приходилось использовать. Все нужное и ничего лишнего.Здесь можно находить музыку, слушать ее и скачивать на компьютер. Можно хранить тут свои плей-листы и делиться ими с друзьями.

Пятый способ.

Заходите сюда:http://music.privet.ru/ Копируете код и вставляете в сообщение.

Шестой способ.

Зайти сюда http://www.playcast.ru/ зарегистрироваться и создавать вот такие плейкасты. 

Плэйкаст — оригинальный способ выразить себя в интернете, поделиться своими мыслями и настроением, сделать подарок своими руками, поздравить друзей. Соедините в единое творение стихи, фотографию, музыку — и получите свой уникальный маленький шедевр - оригинальную открытку

грусть! Автор плэйкаста: rolandi Создан: 11 сентября 2009 1:52

Существуют множество других способов вставки музыки в дневник,но я пользуюсь пока только этими.Если у Вас есть свои методы -добавляйте в комментариях .Буду очень рада! 

Ух! Было нелегко!

nelyasha

Серия сообщений "Музыка,которую я люблю":

* Для удобного просмотра видео в онлайне, нажмите на play, а затем сразу на паузу. Подождите 1-2 минуты,пока ролик загрузится и снова нажмите на play.

Часть 1 - AC- DC. Бессмертный хит.Виртуозный мега-гитарист на все времена.
Часть 2 - Непара. Видеоклипы "Они знакомы давно", "Бог тебя выдумал"
...
Часть 33 - Музыкальные альбомы
Часть 34 - Саксофон, флейта и дудук. - Душа абрикосового дерева.
Часть 35 - Как я вставляю музыку в дневник

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

1.

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

12.

 

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

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

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

 

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

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

 

Серия сообщений "Мои уроки":
Часть 1 - Программа для изготовления фонов-"шотландка"
Часть 2 - Сайт счетчиков постов. Урок от MissKcu
...
Часть 5 - Как загрузить видео на сайт http://www.playcast.ru. Второй вариант
Часть 6 - Как сохранить на комп видео с Ютуба. Урок от MissKcu
Часть 7 - Как создать плейлист на Привет.ру Урок от MissKcu

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 6 - Кнопка Источник в расширенном редакторе. Урок от MissKcu
Часть 7 - Урок для Ли.ру от MissKcu. Как удалить цитируемый пост.
Часть 8 - Как создать плейлист на Привет.ру Урок от MissKcu

На днях столкнулась с проблемой и случайно нашла способ ее решить. Чем и делюсь со всеми.

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

Попутно выяснилось, что список сообщений в рубрике формируется только если там до 53 сообщений.

Вобщем, в какой-то момент у меня оказалось на счетчике рубрики 26 сообщений, в списке числилось 53, а отображалось только 2 страницы по 20 сообщений, т.е. всего 40. И перегенирация списков-счетчиков не помогала совершенно. Из переписки с тех.поддержкой пришлось сделать вывод, что пользоваться надо тем, что дают и за все полученные в процессе работы "сюрпризы" они ответственности не несут.

К счастью, совершенно случайно, выход был найден.

Прежде чем делать перегенерацию, надо на любой рубрике изменить признак "серии сообщений". И тогда она срабатывает!

Для тех, кто еще не знает, как это сделать:    

Пишем красиво онлайн. Заходим на ссылки, или жмем на надпись.Выбираем  шрифт и нажимаем на кружок слева от него, ниже пишем текст, выбираем размер и цвет. Выбираем нужную ссылку для вставки в блог, или сохраняем на компьютер!

 Надписи (Шрифты)
 Рукописные шрифты
 Готический шрифт
 Граффити шрифт
 Пиксельные шрифты
 Иероглиф
 Valentin Fonts
 Fonts 1
 Fonts 2
 Старо-Русские шрифты
 Русский шрифт
  Глиттер (Glitter) Надпись