Комментарии (0)

HTML

Воскресенье, 19 Января 2014 г. 21:50 + в цитатник
Это цитата сообщения LiSu [Прочитать целиком + В свой цитатник или сообщество!]

Центровка	Картинка слева от текста
Картинка справа от текста	Картинки по бокам от текста
Текст по бокам картинки	Бегущая строка
Подпись	Окошко под код
Баннер	4 картинки в ряд
Выпадающий список	Текст с прокруткой
Фш разрезная рамочка	Рамочка с разрывом
Размер картинки	Таблица из двух столбцов
Текст на картинке	Текст в 2 столбика

Рубрики:

Коды

Комментарии (0)

"КОДЫ ОФОРМЛЕНИЯ".Запись принадлежит сообществу "Только для женщин"!

Вторник, 14 Января 2014 г. 22:07 + в цитатник
Это цитата сообщения Иришка-Манюшка [Прочитать целиком + В свой цитатник или сообщество!]

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

Коды для оформления блога
Окошко для кода - <input type="text" size="12" value="НУЖНЫЙ ВАМ КОД" />
Рамочка вокруг текста - <fieldset>ВАШ ТЕКСТ</fieldset>
Рамочка вокруг текста (разрыв слева) - <fieldset><legend><img src="КОД КАРТИНКИ" align="absmiddle" />ТЕКСТ</legend></fieldset>
Рамочка вокруг текста (разрыв справа) - <fieldset><legend align="right">ТЕКСТ<img style="КОД КАРТИНКИ" align="absmiddle" /></legend></fieldset>
Картинки в записи:
Картинка слева от текста - <img src="КАРТИНКА" align="left" border="0" />ТЕКСТ
Картинка справа от текста - <img src="КАРТИНКА" align="right" border="0" />ТЕКСТ
Картинки по бокам текста - <table align="center"> <tr> <td><img src="КАРТИНКА" /></td> <td>ТЕКСТ</td> <td><img src="КАРТИНКА" /></td></tr></table>
Картинки в ряд:
2 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td></tr></table>
3 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
4 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
5 картинок - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
6 картинок - <table border="0" cellspacing="8" cellpadding="0"><tr><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td>Картинка </td></tr></table>
Кнопки в записи:
Текст на кнопке - <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки" /><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=15484fba55cb18e188297d57958aad1a /></form>
Картинка на кнопке - <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС страницы" method="get"><button style="type="submit""><img src="Адрес картинки" /></button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=15484fba55cb18e188297d57958aad1a /></form>
Текст и картинка на кнопке - <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align="absMiddle" /> TEКСT</button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=15484fba55cb18e188297d57958aad1a /></form>
Кнопка на фоне - <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес страницы"><button title="всплывающий текст"><table border="5" background="Адрес ФОНА"><tbody><tr> <td><center>НАЗВАНИЕ КНОПКИ</center></td> </tr></tbody></table></button></a>
Номера страниц в блоге - <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес страницы блога"><b><text size="8"><text color="9d0039">номер страницы</text></text></b></a>
Рамка с картинками по углам - <table border="0" cellspacing="3" cellpadding="1" width="100%" background="1 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="2 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3 " cellpadding="1" width="100%" background="3 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="30" cellpadding="30" width="100%" background="4СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="5 СЛОЙ ФОНА">ВАШ НИК <tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="6 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="7 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="8 СЛОЙ ФОНА"><tbody><tr><td> КАРТИНКА ВВЕРХ СЛЕВА РАДИКАЛ код №6 </td><td width="100%"> </td><td> КАРТИНКА ВВЕРХ СПРАВА код№6 </td></tr><tr><td> </td><td><br /><center><font color="EEDD82"><font size="4"><font face="Times New Roman"> ВАШ ТЕКСТ </font></font></font></center><br /><br /><center> ЛИНЕЕЧКА Радикал код №6 </center></td><td> </td></tr><tr><td> КАРТИНКА НИЗ СЛЕВА код №6 </td><td> </td><td> КАРТИНКА НИЗ СПРАВА код №6 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
Таблица - <table border="1" width="300"> <br /><tr align="center"><td width="60">1 ячейка</td><br /><td width="60">2 ячейка</td><br /><td width="60">3 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">4 ячейка</td><br /><td width="60">5 ячейка</td><br /><td width="60">6 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">7 ячейка</td><br /><td width="60">8 ячейка</td><br /><td width="60">9 ячейка</td></tr></table>

С благодарностью к сообществу!

Рубрики:

Коды

Комментарии (0)

Работа с текстом в HTML. Бегущая строка

Понедельник, 13 Января 2014 г. 20:13 + в цитатник
Это цитата сообщения Дневник_моей_Сары [Прочитать целиком + В свой цитатник или сообщество!]

Создание текста с "бегущей" строкой

ОСНОВНАЯ ФОРМУЛА

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

1.Текст перемещается снизу - ВВЕРХ

<marquee style="HEIGHT: 50px" direction="up">Ваш текст</marquee>
ПРИМЕР
Сколько вкусных сладких ягод
На поляночке в лесу!

2.Текст перемещается сверху - ВНИЗ

<marquee style="HEIGHT: 50px" direction="down">Ваш текст</marquee>
ПРИМЕР
Вот наемся я и на год
Витаминов запасу!

3. Текст перемещается слева - НАПРАВО

<marquee style="WIDTH: 200px" direction="right">Ваш текст</marquee>
ПРИМЕР Сколько солнца! Сколько света!

4. Текст перемещается справа - НАЛЕВО

<marquee style="WIDTH: 200px" direction="left">Ваш текст</marquee>
ПРИМЕР Сколько зелени кругом!

5.Движение текста ВЛЕВО-ВПРАВО

<marquee style="WIDTH: 200px" behavior="alternate">Ваш текст</marquee>
ПРИМЕР Что же это? Это ЛЕТО
Наконец спешит к нам в дом.

ПЕРЕМЕННЫЕ ВЕЛИЧИНЫ
HEIGHT - высота "окошка", в котором двигается текст;
WIDTH - расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега "marquee"?
Это можно отрегулировать, если в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
В итоге мы получим такую формулу:

Волшебный тег заставляет двигаться не только текст, но всё, к чему он относится.
Для картинки от будет выглядеть так:

ПРИМЕР

Рубрики:

Коды

Комментарии (0)

УРОКИ HTML

Понедельник, 13 Января 2014 г. 20:12 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Уроки HTML расчитаны на "новичков".
Если же вы не знаете для чего нужен HTML
и как создать html-страничку, то ознакомьтесь сначала
с серией уроков Делаем сайт - первые шаги,
а потом возвращайтесь сюда.
Урок 1. Что такое HTML, основные понятия
Урок 2. Структура html документа
Урок 3. Форматирование текста
Урок 4. Форматирование текста (продолжение)
Урок 5. Специальные символы
Урок 6. Ссылки в html
Урок 7. Создание списков
Урок 8. Работа с изображениями
Урок 9. Работа с таблицами - тег table
Урок 10. Работа с таблицами сложной структуры
Урок 11. Работа с формами
Урок 12. Фреймы в html
Урок 13. Музыка в html
Урок 14. Встраивание произвольных объектов
Урок 15. Навигационные карты - map

Лорик

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

Часть 1 - Как сделать кликабельную ссылку
Часть 2 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!
...
Часть 21 - Несколько сервисов для проверки скорости загрузки Вашего блога
Часть 22 - Генераторы разные
Часть 23 - УРОКИ HTML
Часть 24 - Сетевой этикет (нетикет, сетикет)
Часть 25 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 26 - Нужные формулы для дневника

Рубрики:

Уроки
Коды

Комментарии (0)

HTML шпаргалка

Суббота, 11 Января 2014 г. 21:40 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

В ы не знаете кодов HTML?
А дневник красиво и, самое главное, правильно оформить хочется?
Тогда вам точно сюда.

HTML ШПАРГАЛКА
Здесь вы найдете не только голые формулы, но и иллюстрации их поясняющие.
Я в свое время часами тут обитала. Советую новичкам.

Серия сообщений "Для ЛиРу":

Часть 1 - Как сделать кликабельную ссылку
Часть 2 - Урок. Как сделать фон для днева из коллажа
...
Часть 42 - Нужные формулы для дневника
Часть 43 - Как переносить посты с Мейла на ЛиРу.
Часть 44 - HTML шпаргалка
Часть 45 - Как легко перенести пост с Мейла на ЛиРу
Часть 46 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 47 - ВОПРОСЫ И ОТВЕТЫ

Рубрики:

Уроки
Коды

Комментарии (0)

Расположение музыки на картинке

Четверг, 09 Января 2014 г. 22:43 + в цитатник
Это цитата сообщения Lyudmila_Lyu [Прочитать целиком + В свой цитатник или сообщество!]

Формулы общеизвестные. На авторство не претендую.

Вверху слева

Вверху центра

Вверху справа

Внизу слева

Внизу центра

Внизу справа

Серия сообщений "=сделать плеер, плейлист":

Часть 1 - Плеер добавить в пост с сайта Постовой
Часть 2 - Конструктор плеера mp3 файлов для блога
...
Часть 35 - Флеш плеер c кнопкой в Sothink SWF Quicker
Часть 36 - Получить код плеера с сайта "Привет.ру"
Часть 37 - Расположение музыки на картинке
Часть 38 - Как сделать музыкальную открытку
Часть 39 - Генератор аудио и видеоплееров
Часть 40 - Учимся делать музыкальную картинку

Рубрики:

Коды

Комментарии (0)

Коды HTML для оформления постов, блогов

Четверг, 09 Января 2014 г. 22:00 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

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

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

Рубрики:

Коды

Комментарии (0)

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

Понедельник, 23 Декабря 2013 г. 21:38 + в цитатник
Это цитата сообщения yaqut [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

Окошко для кода <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>

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

Рубрики:

Коды

Комментарии (0)

Нужные формулы для дневника

Среда, 04 Сентября 2013 г. 20:06 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Картинка обтекаемая текстом

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

 <img align="left" alt="" hspace="30" src="АДРЕС КАРТИНКИ" vspace="10" />ВАШ ТЕКСТ

Картинка слева от текста

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

 <img src="АДРЕС КАРТИНКИ" align="left" border="0" />Здесь будет ваш текст

Картинка справа от текста

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

 <img src="АДРЕС КАРТИНКИ" align="right" border="0" />

Картинка в центре текста
Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,

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

 Здесь будет ваш текст 1 <img src="АДРЕС КАРТИНКИ" align="absmiddle" border="0" /> Здесь будет ваш текст 2

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

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

 <table align="center" border="0">
<tr>
<td><img src="АДРЕС КАРТИНКИ" /></td>
<td>Здесь будет ваш текст</td>
<td><img src="АДРЕС КАРТИНКИ" /></td>
</tr>
</table>

Картинка между текстом

Красиво получается, когда картинка находится между текстом, как-то необычно.

Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии

<table align="center" border="0">
<tr>
<td>Здесь будет ваш текст 1</td>
<td><img src="АДРЕС КАРТИНКИ" /></td>
<td>Здесь будет ваш текст 2</td>
</tr>
</table>

Блог Лиры

Рубрики:

Коды

Комментарии (0)

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

Среда, 24 Апреля 2013 г. 19:03 + в цитатник
Это цитата сообщения Ксюшичек [Прочитать целиком + В свой цитатник или сообщество!]

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

Коды для оформления блога
Окошко для кода - <input type="text" size="12" value="НУЖНЫЙ ВАМ КОД" />
Рамочка вокруг текста - <fieldset>ВАШ ТЕКСТ</fieldset>
Рамочка вокруг текста (разрыв слева) - <fieldset><legend><img src="КОД КАРТИНКИ" align="absmiddle" />ТЕКСТ</legend></fieldset>
Рамочка вокруг текста (разрыв справа) - <fieldset><legend align="right">ТЕКСТ<img style="КОД КАРТИНКИ" align="absmiddle" /></legend></fieldset>
Картинки в записи:
Картинка слева от текста - <img src="КАРТИНКА" align="left" border="0" />ТЕКСТ
Картинка справа от текста - <img src="КАРТИНКА" align="right" border="0" />ТЕКСТ
Картинки по бокам текста - <table align="center"> <tr> <td><img src="КАРТИНКА" /></td> <td>ТЕКСТ</td> <td><img src="КАРТИНКА" /></td></tr></table>
Картинки в ряд:
2 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td></tr></table>
3 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
4 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
5 картинок - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
6 картинок - <table border="0" cellspacing="8" cellpadding="0"><tr><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td>Картинка </td></tr></table>
Кнопки в записи:
Текст на кнопке - <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки" /><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=15484fba55cb18e188297d57958aad1a /></form>
Картинка на кнопке - <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС страницы" method="get"><button style="type="submit""><img src="Адрес картинки" /></button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=15484fba55cb18e188297d57958aad1a /></form>
Текст и картинка на кнопке - <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align="absMiddle" /> TEКСT</button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type=hidden name=tok value=15484fba55cb18e188297d57958aad1a /></form>
Кнопка на фоне - <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес страницы"><button title="всплывающий текст"><table border="5" background="Адрес ФОНА"><tbody><tr> <td><center>НАЗВАНИЕ КНОПКИ</center></td> </tr></tbody></table></button></a>
Номера страниц в блоге - <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес страницы блога"><b><text size="8"><text color="9d0039">номер страницы</text></text></b></a>
Рамка с картинками по углам - <table border="0" cellspacing="3" cellpadding="1" width="100%" background="1 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="2 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3 " cellpadding="1" width="100%" background="3 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="30" cellpadding="30" width="100%" background="4СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="5 СЛОЙ ФОНА">ВАШ НИК <tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="6 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="7 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="8 СЛОЙ ФОНА"><tbody><tr><td> КАРТИНКА ВВЕРХ СЛЕВА РАДИКАЛ код №6 </td><td width="100%"> </td><td> КАРТИНКА ВВЕРХ СПРАВА код№6 </td></tr><tr><td> </td><td><br /><center><font color="EEDD82"><font size="4"><font face="Times New Roman"> ВАШ ТЕКСТ </font></font></font></center><br /><br /><center> ЛИНЕЕЧКА Радикал код №6 </center></td><td> </td></tr><tr><td> КАРТИНКА НИЗ СЛЕВА код №6 </td><td> </td><td> КАРТИНКА НИЗ СПРАВА код №6 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
Таблица - <table border="1" width="300"> <br /><tr align="center"><td width="60">1 ячейка</td><br /><td width="60">2 ячейка</td><br /><td width="60">3 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">4 ячейка</td><br /><td width="60">5 ячейка</td><br /><td width="60">6 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">7 ячейка</td><br /><td width="60">8 ячейка</td><br /><td width="60">9 ячейка</td></tr></table>

Рубрики:

Коды

Комментарии (0)

Полезные теги HTML и редакторы онлайн

Понедельник, 15 Апреля 2013 г. 20:56 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Полезные теги HTML и редакторы онлайн

Эта запись представляет собой рабочий материал для работы с записями, постами

в блог, изучение языка разметки гипертекста, изучение создания вебстраниц.

Некоторые полезные теги HTML

Данные теги я предлагаю без комментариев и помощи по использованию,

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

НО... Я КАК И ПРЕЖДЕ СЧИТАЮ, ЧТО УЧИТЬСЯ ЯЗЫКУ РАЗМЕТКИ

ПРОСТО НЕОБХОДИМО МЕТОДОМ ПРОБ, ОШИБОК И "ТЫКА"

<p align="center"></p>Выравнивание по центру

<p align="justify"></p>Выравнивание текста по ширине

<center><h3></h3></center>Заголовки

<blockquote></blockquote> задают отступы или для оформления цитаты

<img src="filename.jpg" width="90" height="100" border="0" alt="Image Loading..."> вставка картинки

Гиперссылка <a href=""></a>

Гиперссылка <a href="" target="_blank"></a>

Вставка звукового или видео файла, или флеша <embed src="*.avi" width="" height="" autostart=true>

Вставка фонового звука <bgsound src="" loop=1>

<BaseFont Size="3"> базовый шрифт

<address></address> отображают текст в формате адреса

Цитата или сноска <cite></cite>

<nobr>

Текст, заключенный между тэгами <NOBR> и </NOBR>, будет гарантированно располагаться в одной строке
без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать
горизонтальную полосу прокрутки.

<>

Параграф §

Пробел  

Далее несколько сайтов с редакторами HTML online

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

©SBlavat™

Рубрики:

Коды

Комментарии (0)

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

Четверг, 28 Марта 2013 г. 18:40 + в цитатник
Это цитата сообщения Мир_Натали [Прочитать целиком + В свой цитатник или сообщество!]

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

//img1.liveinternet.ru/images/attach/c/7/97/976/97976295_cooltext938502423.png

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

Думаю эта шпаргалка поможет украсить ваш блог.

Серия сообщений "ВСЁ ДЛЯ БЛОГА":
Часть 1 - Коды для оформления блога

Рубрики:

Коды

Комментарии (0)

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))

Суббота, 26 Января 2013 г. 18:36 + в цитатник
Это цитата сообщения овно4ка [Прочитать целиком + В свой цитатник или сообщество!]

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Типовой код разрезной рамочки, сделанной в фотошопе для Блогов Мэйл.ру я уже давала
(Смотри урок)

Повторю его еще раз

<div align="center"><table cellspacing="0" cellpadding="0" align="center" border="0"><tr><td width="100%" align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" border="0" /></a><br /><img src="АДРЕС ВЕРХНЕЙ КАРТИНКИ 1" border="0" /></td></tr><tr><td width="100%"><table border="0" cellspacing="0" cellpadding="0" background="АДРЕС СРЕДНЕЙ КАРТИНКИ 2"><tr><td align="center" width="ШИРИНА РАМКИ"><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"> <center> <text face="Georgia"><text size="4"><text color="fffbcc"><i>КОД РАЗДЕЛИТЕЛЯ <br /><br />ВАШ ТЕКСТ<br /><br />КОД РАЗДЕЛИТЕЛЯ<br /></i></text></text></text></center></td></tr></table></td></tr></table></td> </tr> </table> </div>
А вот на Ли.ру такие рамки встают с разрывами.
По многочисленным просьбам выкладываю типовой универсальный код разрезных рамочек, который у меня получился для Лиру.

<center><table border="0" background="Адрес картинки №1" cellpadding="0" cellspacing="0" height="Высота картинки №1" width="Ширина рамки"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="Адрес картинки №2" cellpadding="0" cellspacing="0" height="Высота картинки №2" width="Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center> <em><strong><span style="color: #КОД ЦВЕТА ТЕКСТА"><span style="font-size: large"><span style="font-family: Georgia"> <br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес автора" target="_blank"><span style="font-family:Arial;color:#ffff00;font-size:10px"> Имя автора</span> </a></center> </td></tr></table></center>

Еще раз хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

И еще очень важный аспект -
при сохранении частей рамочки на хостинге (Радикале)
обязательно снимайте все галочки

Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ

Удачи и всех благ!
С уважением La_Perla (Маргарита)

Рубрики:

Коды

Комментарии (0)

Окошко для вставки кода.

Суббота, 26 Января 2013 г. 17:17 + в цитатник
Это цитата сообщения Лариса_Герман [Прочитать целиком + В свой цитатник или сообщество!]

Окошко для вставки кода.

КОД

Рубрики:

Коды

Комментарии (0)

Как правильно записать код флешки под работой.

Понедельник, 21 Января 2013 г. 20:42 + в цитатник
Это цитата сообщения zomka [Прочитать целиком + В свой цитатник или сообщество!]

Как правильно записать код флешки под работой.

Возникла одна непонятная весчь))))когда мы используем тег TEXTAREA для записи кода под нашей работой....и если эта работа флешка, то мы имеем от такую картину
Вот например...флешка

и ниже я делаю её код...используя как и раньше теги

и вот что получаю...

а оказывается надо ВСЕГО_НАВСЕГО после первой квадратной скобки самой флешки поставить звездочку....вот и все....и будет вот так...

что и требовалось получить....
Удачи...
ваша Zomka

Рубрики:

Коды

Комментарии (0)

Образцы и коды рамочек.

Суббота, 19 Января 2013 г. 20:00 + в цитатник
Это цитата сообщения принцеска_1 [Прочитать целиком + В свой цитатник или сообщество!]

Образцы и коды рамочек.

Образцы и коды рамочек.

В кодах везде проставлен border="1". Чтобы не было видно этого серого контура, смените 1 на 0 (border="0").
Вместо слова ФОН или КОНТУР нужно ставить адрес фона (начинается с http://).
Вместо слов КАРТИНКА ставите код картинки ( начинается с <img src=" или с <foto preview=")

Заголовок

Картинка	Текст
Картинка	Текст
Картинка	Текст
Картинка	Текст

Содержимое рамки

Заголовок

Картинка	Картинка	Картинка
Картинка	Картинка	Картинка
Картинка	Картинка	Картинка
Картинка	Картинка	Картинка
Картинка	Картинка	Картинка

Заголовок

Текст

Пример

Бродилка

Музыка

Видео

Кулинария

Текст

Картинка
Текст

Пример

Текст

ЗАГОЛОВОК

Картинка или текст
Содержимое рамки

Пример

ЗАГОЛОВОК

Содержимое рамки

Экспериментируйте, не бойтесь!
Что не будет получаться, я помогу.

http://blogs.mail.ru/mail/tamara-dom59/1DFF97226A0C9A3F.html

Рубрики:

Уроки
Коды

Комментарии (0)

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

Вторник, 15 Января 2013 г. 21:03 + в цитатник
Это цитата сообщения Джоан [Прочитать целиком + В свой цитатник или сообщество!]

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

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

Рубрики:

Коды

Комментарии (0)

Как расположить в посте картинки с текстом?

Вторник, 15 Января 2013 г. 20:35 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Как расположить в посте картинки с текстом?

Дорогие мои ПЧёлки обещала вам показать и объяснить
как можно расположить красиво КАРТИНКУ с ТЕКСТОМ.
Чтобы картинка стояла в центре, а текст по краям.
Например вот так это будет выглядеть...

ВАШ ТЕКСТ

Что нужно сделать, если хотите чтобы у вас
также получилось?
ЗДЕСЬ далее...

SvetlanaT

Рубрики:

Коды

Комментарии (0)

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Вторник, 15 Января 2013 г. 19:45 + в цитатник
Это цитата сообщения La-Perla_Margarita [Прочитать целиком + В свой цитатник или сообщество!]

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Типовой код разрезной рамочки, сделанной в фотошопе для Блогов Мэйл.ру я уже давала
(Смотри урок)

Повторю его еще раз

<div align="center"><table cellspacing="0" cellpadding="0" align="center" border="0"><tr><td width="100%" align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" border="0" /></a><br /><img src="АДРЕС ВЕРХНЕЙ КАРТИНКИ 1" border="0" /></td></tr><tr><td width="100%"><table border="0" cellspacing="0" cellpadding="0" background="АДРЕС СРЕДНЕЙ КАРТИНКИ 2"><tr><td align="center" width="ШИРИНА РАМКИ"><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"> <center> <text face="Georgia"><text size="4"><text color="fffbcc"><i>КОД РАЗДЕЛИТЕЛЯ <br /><br />ВАШ ТЕКСТ<br /><br />КОД РАЗДЕЛИТЕЛЯ<br /></i></text></text></text></center></td></tr></table></td></tr></table></td> </tr> </table> </div>
А вот на Ли.ру такие рамки встают с разрывами.
По многочисленным просьбам выкладываю типовой универсальный код разрезных рамочек, который у меня получился для Лиру.

<center><table border="0" background="Адрес картинки №1" cellpadding="0" cellspacing="0" height="Высота картинки №1" width="Ширина рамки"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="Адрес картинки №2" cellpadding="0" cellspacing="0" height="Высота картинки №2" width="Ширина рамки"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0" width="ШИРИНА ТЕКСТА"><tr><td><center><font face="Monotype Corsiva" color="#КОД ЦВЕТА ТЕКСТА" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ... ВАШ ТЕКСТ...ПРОСЬБА - САМ КОД НЕ ИЗМЕНЯТЬ<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="Адрес картинки №3" cellpadding="0" cellspacing="0" height="Высота картинки №3" width="Ширина рамки"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=Адрес автора" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> Имя автора</b></font> </a></center></td></tr></table></center>

Еще раз хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от какычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

И еще очень важный аспект -
при сохранении частей рамочки на хостинге (Радикале)
обязательно снимайте все галочки
А лучше, на мой взгляд, сохранять картинки на Яндекс-фотках.

Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ

Удачи и всех благ!
С уважением La_Perla (Маргарита)

Рамочки от La_Perla

Код для Мэйл-ру

Лучшая благодарность - нажатие зеленой кнопочки НРАВИТСЯ

и цитирование.

Рубрики:

Коды

Комментарии (0)

Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру

Вторник, 15 Января 2013 г. 19:43 + в цитатник
Это цитата сообщения La-Perla_Margarita [Прочитать целиком + В свой цитатник или сообщество!]

Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру

Автор поста La@Perla (Маргарита)

Формулы для обычных рамочек,
общие для Ли.ру и Блогов Мэйл.ру

Как выяснилось, у многих не только разрезные, но и обычные рамочки,
сделанные для Блогов встают на Ли.ру в искаженном виде. Я обещала помочь и вот, что у меня получилось.Выкладываю результат - формулу универсального кода, к примеру, для восьмислойной рамочки с картинкой, которая одинаково хорошо встает и в Блогах, и на Ли.ру.

<div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> КОД КАРТИНКИ (ссылка №6) <br /><br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>
Для восьмислойной рамочки для текста без картинки код будет немного другой

<div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> <br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

После заполнения этих формул цифрами, мы получим рамочки такие, как здесь
ПОЯСНЕНИЯ
Адр.ФОНА – адрес фона - это ссылка №1 в Радекале (вставляем от кавычки до кавычки без пробелов)
Подробно об Адресе изображений я писала здесь и здесь

КОД РАЗДЕЛИТЕЛЯ, КОД КАРТИНКИ можно взять из Радикала Ссылка №6

ЦВЕТ ТЕКСТА – шестизначний код цвета - смотри здесь(вставляем аккуратно от # до кавычки без пробелов)

РАЗМЕР ТЕКСТА в пикселях (px) – двузначная цифра от 10 до 30
(подбирается экспериментально, вставляем аккуратно от : до px без пробелов)

ШИРИНА РАМКИ - это трехзначная цифра, ширина нашей рамочки в пикселах (Например - 650, 700, 800).
В рамочке с картинкой ШИРИНА РАМКИ должна быть римерно на 2-4px больше ширины вашей картинки.

Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ

Удачи и всех благ!
С уважением La@Perla (Маргарита)
Еще материалы по оформлению блога
можно найти ЗДЕСЬ
Оригинал поста здесь

Рамочки от La_Perla

Код для Мэйл-ру

Лучшая благодарность - нажатие зеленой кнопочки НРАВИТСЯ

и цитирование.

Рубрики:

Коды

LiveInternetLiveInternet

-Музыка

-Рубрики

-Всегда под рукой

-Поиск по дневнику

-Подписка по e-mail

-Статистика

HTML

"КОДЫ ОФОРМЛЕНИЯ".Запись принадлежит сообществу "Только для женщин"!

Работа с текстом в HTML. Бегущая строка

УРОКИ HTML

HTML шпаргалка

Расположение музыки на картинке

Коды HTML для оформления постов, блогов

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

Нужные формулы для дневника

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

Полезные теги HTML и редакторы онлайн

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

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))

Окошко для вставки кода.

Как правильно записать код флешки под работой.

Образцы и коды рамочек.

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

Как расположить в посте картинки с текстом?

Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру

Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру