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

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

Часть 1 - Как сделать кликабельную ссылку
Часть 2 - Урок. Как сделать фон для днева из коллажа
...
Часть 30 - Как взять ссылку на музыку с Мейла, пока блоги не закрыли...))
Часть 31 - Если не приходят уведомления на почту
Часть 32 - HTML шпаргалка
Часть 33 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 34 - КАК НАЙТИ АНОНИМА
...
Часть 46 - Как легко перенести пост с Мейла на ЛиРу
Часть 47 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 48 - ВОПРОСЫ И ОТВЕТЫ

<centre><centre><table style="border:0px none #000000" background="//s018.radikal.ru/i525/1201/9a/7751a1ec8f8b.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//s018.radikal.ru/i520/1201/d3/7685f2104746.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//s018.radikal.ru/i525/1201/9a/7751a1ec8f8b.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//i017.radikal.ru/1201/0a/8f11e9be09ae.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:12px"><table style="border:0px none #000000" background="//s018.radikal.ru/i525/1201/9a/7751a1ec8f8b.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//s018.radikal.ru/i520/1201/d3/7685f2104746.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:8px"><table style="border:0px none #000000" background="//s018.radikal.ru/i525/1201/9a/7751a1ec8f8b.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="500" height="300" style="border:0px none #000000" background="//s018.radikal.ru/i521/1201/00/cf6a73f6bd59.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:6px" zzz="zzz" align="center"><span style="font-family:Monotype Corsiva;color:#330000;font-size:26px"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/4/82/586/82586415_1__57_.png" src="//img1.liveinternet.ru/images/attach/c/4/82/586/82586415_1__57_.png" width="496" height="500" alt="1 (57) (496x500, 456Kb)" /><img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/4/82/586/82586514_80284813_1__40_.gif" src="//img0.liveinternet.ru/images/attach/c/4/82/586/82586514_80284813_1__40_.gif" width="430" height="56" alt="80284813_1__40_ (430x56, 9Kb)" /><br /> <br /> <centre>ВАШ ТЕКСТ</centre><br /> <br /> <img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/4/82/586/82586514_80284813_1__40_.gif" src="//img0.liveinternet.ru/images/attach/c/4/82/586/82586514_80284813_1__40_.gif" width="430" height="56" alt="80284813_1__40_ (430x56, 9Kb)" /></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Georgia;color:#663300;font-size:15px"><i><center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/klavdia-france/blog/" href="http://www.liveinternet.ru/users/klavdia-france/blog/"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><span style="font-family:Georgia;color:#003399;font-size:15px">klavdia-France </span></marquee></a></center></i></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></centre> </centre>

И Н С Т Р У К Ц И Я КАК ПОЛЬЗОВАТЬСЯ РАМОЧКАМИ. ПЕРВОНАЧАЛЬНО ВЫ ЦИТИРУЕТЕ ДАННЫЙ ПОСТ В СВОЙ ЦИТАТНИК, (А НЕ КОПИРУЕТЕ !!! ЭТО АВТОРСТВО И ЕГО НЕОБХОДИМО НЕ НАРУШАТЬ!!!) ПОСЛЕ ЧЕГО ОН ВСЕГДА БУДЕТ У ВАС ПОД РУКОЙ В ВАШЕМ ЦИТАТНИКЕ.... ДАЛЕЕ, ДЛЯ ТОГО, ЧТОБЫ ВСТАВИТЬ В РАМОЧКУ СВОЁ - ТО, ЧТО ВЫ ЛЮБИТЕ (ПОЭЗИЮ, ЮМОР, ФОТОГРАФИИ, МУЗЫКУ, ВИДЕО, ТЕКСТЫ) ОТКРЫВАЕТЕ ПОД САМОЙ РАМОЧКОЙ - МАЛЕНЬКОЕ БЕЛОЕ ОКОШКО, В КОТОРОМ НАХОДИТСЯ КОД ЭТОЙ РАМОЧКИ И КОПИРУЕТЕ ЕГО ОТ НАЧАЛА И ДО КОНЦА..... ЗАТЕМ В СВОЕМ ДНЕВНИКЕ ВВЕРХУ НАЖИМАЕТЕ "НОВАЯ ЗАПИСЬ" - ОТКРЫВАЕТСЯ ОКОШКО, В КОТОРОЕ ВЫ ВСТАВЛЯЕТЕ ДАННЫЙ КОД И ПОД ЭТИМ ОКОШКОМ - НАЖИМАЕТЕ "В ЧЕРНОВИК". РАМОЧКА СОХРАНЯЕТСЯ В ВАШЕМ ЧЕРНОВИКЕ. (ОНА БУДЕТ СОХРАНЕНА БЕЗ ОГРАНИЧЕНИЯ ВРЕМЕНИ, РОВНО СТОЛЬКО ВРЕМЕНИ, СКОЛЬКО ВАМ ПОНАДОБИТСЯ.....) ТЕПЕРЬ ВЫ МОЖЕТЕ В НЕЕ ВСТАВЛЯТЬ ВСЕ ТО, ЧТО ХОТИТЕ!!! ДЛЯ ЭТОГО - ПОД РАМОЧКОЙ СПРАВА НАЖИМАЕТЕ СЛОВО "РЕДАКТИРОВАТЬ" И СПУСКАЕТЕ СВОЙ КУРСОР ДО САМОГО КОНЦА КОДА И СТАВИТЕ КУРСОР НА НОВУЮ СТРОЧКУ, А В САМОМ НИЗУ СТРАНИЧКИ (ПОД ОКОШКОМ, В КОТОРЫЙ ВЫ ВСТАВИЛИ КОД) "ВЫБЕРИТЕ ФАЙЛ" -КЛИКНЕТЕ ПО НЕМУ МЫШКОЙ И ОТКРОЕТСЯ ОБЗОР НА ВАШЕМ КОМПЬЮТЕРЕ - ВЫБИРАЕТЕ ВСЁ, ЧТО ВЫ ХОТИТЕ ЗАГРУЗИТЬ И НАЖИМАЕТЕ ВСТАВИТЬ. ТО, ЧТО ВЫ ВСТАВИЛИ - ВСТАВЛЯЕТСЯ В САМЫЙ КОНЕЦ ЭТОГО КОДА РАМОЧКИ. И ВЫ ВСТАВЛЕННЫЙ С ВАШЕГО КОМПЬЮТЕРА КОД, КОТОРЫЙ ВСТАВИЛСЯ В КОНЦЕ- ВЫРЕЗАЕТЕ И ВСТАВЛЯЕТЕ ЭТО ЛИБО ВМЕСТО СЛОВ -ВАШ ТЕКСТ- ЛИБО ВМЕСТО СЛОВ -ВАША КАРТИНКА... ЕСЛИ ЭТО РАССКАЗ, ЛИБО ПОЭЗИЯ, - КОПИРУЕТЕ ЭТОТ ТЕКСТ И ВНОСИТЕ ВМЕСТО СЛОВ -ВАШ ТЕКСТ- И ВНИЗУ НАЖИМАЕТЕ "СОХРАНИТЬ ИЗМЕНЕНИЯ". ВСЕ, ЧТО ВЫ ХОТЕЛИ ВСТАВИЛИ И СМОТРИТЕ : ВСЁ ЛИ ВАМ НРАВИТСЯ - ЕСЛИ ВСЕ ВАС УСТРАИВАЕТ - НАЖИМАЕТЕ ПОД РАМОЧКОЙ СПРАВА "ОПУБЛИКОВАТЬ" И ДАННЫЙ ВАШ ПОСТ ПОПАДАЕТ В ВАШ ДНЕВНИК И КО ВСЕМ ВАШИМ ДРУЗЬЯМ И ПОСТОЯННЫМ ЧИТАТЕЛЯМ!!! УСПЕХОВ ВАМ!!! klavdia-France

Серия сообщений "НОВИЧКАМ - ПОМОЩЬ":

Часть 1 - Памятка начинающим блоггерам
Часть 2 - Мои шпаргалки
...
Часть 17 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 18 - Уроки по Оформлению дневника для Лирушников
Часть 19 - ИНСТРУКЦИЯ ПОЛЬЗОВАНИЯ РАМОЧКАМИ
Часть 20 - Шаблон сообщения. Новичкам самым новым.
Часть 21 - де подписать отправляемую симпатию?
...
Часть 28 - ОФОРМЛЕНИЕ ДНЕВНИКА ***КОММЕНТЫ ***Для Вас, дорогие!!!
Часть 29 - НОВИЧКАМ И ЧАЙНИКАМ *КАК ДОБАВИТЬ ЦИТАТУ В ЦИТАТНИК*
Часть 30 - Как легко перенести пост с Мейла на ЛиРу

Развлекалки

http://www.caption.it/index-3.php
Можно вставить лицо в персонаж;
Сделать фото в рамке, календарь с фото, фото с эффектом

http://www.glitterfy.com/upload.php
Добавить надпись и блеск к фотографии

http://www.iportret.ru/
Добавить к фото значок с оценкой; сделать фото в рамке, сделать шаржи, календари, коллаж.

http://www.onlinewahn.de/generator/g-home.htm
Сделать монету с вашим изображением; вставить фото в газету или в водит.права.

http://www.festisite.com/money/
Сделать доллар с вашим изображением

http://www.mapmsg.com/send/photomonument/
Сделать монумент с вашей фотографией

http://www.festisite.com/cardgame/
Сделать игральные карты с вашим изображением

http://www.imagechef.com/
Сделать фото с эффектом, вставить в рамку

http://www.makesweet.com/mixer/
Вставить фото в 3D анимацию

http://www.makesweet.com/billboard/
Ваше фото на рекламных щитах

http://www.makesweet.com/tattoo/
Ваше фото в виде тату на виртуальном теле

http://www.fotline.ws//
Суперские эффекты для фото!

http://www.fanstudio.ru/
Онлайн фото редактор

http://www.picnik.com/
Онлайн фото редактор

http://www.vramke.com/
Вставить фото в рамку

http://www.loonapix.com/
Сделать фото оригинальным с помощью эффектов

http://www.loonapix.com/framer
Вставить фото в рамку

http://www.loonapix.com/trimmer
Сделать фото фигурным

http://www.photofunia.com/
Сделать фото оригинальным с помощью эффектов

http://www.dumpr.net/
Сделать фото оригинальным с помощью эффектов
Автор поста Наталья

Только для женщин

Вначале - кратко о спецкодах и 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><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

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



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

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

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


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

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

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


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

Однажды


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


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

... САЙТЫ для оформления блога... ...ВСЕМИ САЙТАМИ ПОЛЬЗУЮСЬ САМА... проверены Norton ******* 1. 2.

http://blogs.mail.ru/bk/tgonorata/1890CA84D0FB0A29.html

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

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

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

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

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

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