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

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

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

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

Блог Лиры

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

Как сделать ВСПЛЫВАЮЩИЙ ТЕКСТ для Картинок.

Довольно часто возникает необходимость по ходу текста на картинке, сделать какие-то дополнительные комментарии, в виде небольших подсказок или пояснений. В этом уроке меня просили написать, как на картинку можно наложить текст, но не подписывая её. Тоесть сделать небольшой пояснительный текст к картинке. Если подвести курсор к картинке, то этот текст появляется. Делается это так... Копируете код из окошка и вставляете к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. КОД ДЛЯ ВСПЛЫВАЮЩЕГО ТЕКСТА. <img src="УРЛ ссылка на оригинал картинки" width="285" height="257" title="ВАШ ВСПЛЫВАЮЩИЙ ТЕКСТ ПИШЕМ СЮДА " border="0" /> ЗДЕСЬ далее... SvetlanaT

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

Если этот пост не к месту, то удалите. Но я подумала, что это сообщество для тех, кто пишет
поэтому решила поделиться "полезностью"

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

Текст с отступом от края в 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>

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

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру. ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру. Первый вариант: Код рамки: Второй вариант. Код рамки: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /> ВАШ ТЕКСТ... ВАШ НИК

" />

Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!

для вас Лариса Гурьянова

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

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 41 - Простые рамки с фоном
Часть 42 - Прерывистые рамки для текста
Часть 43 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ

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

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

Коды для фильтров фотошоп от Инноэль.   ВЫСТАВЛЯЮ ВАМ МОЮ КОЛЛЕКЦИЮ КОДОВ ДЛЯ ФИЛЬТРОВ И ПЛАГИНОВ,НАДЕЮСЬ,ЧТО ОНИ ВАМ ПРИГОДЯТСЯ. ДОПОЛНЯЮ ДЛЯ ТЕХ,КТО НЕ ЗНАЕТ ЧТО ЭТО ТАКОЕ:ЭТО ГОТОВЫЕ КЛЮЧИ ДЛЯ ВАШИХ ПЛАГИНОВ, У КОТОРЫХ ЕСТЬ ПОЧТИ БЕСПЛАТНАЯ ВЕРСИЯ ИЛИ ДЕМО,А ТАКЖЕ У ФИЛЬТРОВ У КОТОРЫХ ВООБЩЕ НЕТ КЛЮЧЕЙ,НУЖНО ПРИ ИНСТАЛЯЦИИ ТАКИХ ФИЛЬТРОВ ПОСТАВИТЬ В ОКОШКО ЭТОТ КЛЮЧ И ВСЕ,ФИЛЬТР У ВАС БУДЕТ СТОЯТЬ ВЕЧНО И НЕ ПРОСИТЬ НОВОГО КЛЮЧА.

далее...

Коды для Мейла и ЛиРу


Окошко для кода

ДЛЯ МЕЙЛА
<center><input type="text" size="15" value="ВАШ КОД" /></center>

ДЛЯ ЛиРу
<textarea rows="5" cols="40">ВАШ КОД</textarea>

Для того, чтобы скопировать формулу в окошке, щелкните левой мышкой по коду и нажмите CTRL + A Код выделится синим, скопируйте его.
Читать далее...

о КОДЕ РАМКИ еще раз !!!

* уроки и подсказки ИДУЩЕЙ по Судьбе * для ВАС *** урок КОД рамки копируем правильно от ВАШЕЙ ТАНИ. КАРТИНКА УВЕЛИЧИВАЕТСЯ "по КЛИКУ" Я уже не раз писала о том,КАК ПРАВИЛЬНО КОПИРОВАТЬ КОД РАМКИ,но поскольку вопрос возникает снова и снова в различных контекстах,а мои возможности объяснить понятнее возрастают , т.к. я тоже учусь,предлагаю повнимательнее посмотреть и эти подсказки. 1.ИТАК: Мне часто задают вопрос : " ...почему при переносе КОДа рамки в свой блог под рамкой появляются слова "НЕВОЗМОЖНО ПОЛНОСТЬЮ ОБРАБОТАТЬ ТЕКСТ ЗАПИСИ" и как это исправить ? Читать далее &

Серия сообщений "2.АВТОРСКОЕ ПРАВО и смежные права":

Часть 1 - Виртуальная Юридическая Консультация
Часть 2 - об авторском праве и смежных правах
...
Часть 10 - об авторстве
Часть 11 - ФИАЛКИ ИДУЩЕЙ по Судьбе
Часть 12 - о КОДЕ РАМКИ еще раз !!!
Часть 13 - Минкульт против "пиратов"
Часть 14 - авторское право
...
Часть 23 - Антипиратский закон (об авторских правах) распространят на всю информациею, содержащую объекты авторских и смежных прав !
Часть 24 - СДЕЛАЕМ ВСЕ ВОЗМОЖНОЕ, чтобы ПОМОЧЬ ВАМ :)
Часть 25 - в ГД одобрили проект о блокировке сайтов с любым пиратским контентом

Серия сообщений "для ЛИру,МАЙЛа,Яру по одной формуле":

Часть 1 - формула рамки в 1 слой для ЛИру,МАЙЛа и Яру
Часть 2 - образец рамки в 1 СЛОЙ для ЛИру,МАЙЛа и Яру
...
Часть 29 - рамка для текста
Часть 30 - Не замечаем, как уходят годы...
Часть 31 - о КОДЕ РАМКИ еще раз !!!
Часть 32 - ЭТАЛОН-ОДИН в ОДИН лиру и майл
Часть 33 - "КОНЕЦ СВЕТА"(регламент)
...
Часть 47 - НАКАНУНЕ !!!
Часть 48 - унифицированные формулы рамок для ЛИру,Майла,Яру и ЖЖ
Часть 49 - ЛИРУШКИН ЛИКБЕЗ - с дополнениями

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК... <b>ВАШ ТЕКСТ</b> Полужирный текст <i>ВАШ ТЕКСТ</i> Выделение текста курсивом <u>ВАШ ТЕКСТ</u> Подчёркнутый текст <s>ВАШ ТЕКСТ</s> Зачёркнутый текст маленький текст <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 Увеличить текст+4: <font size="+4">текст</font> текст + 4 КРАСНЫЙ: <font color="red">текст</font> красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Во-первых - все козлы, один я иван-царевич! Во-вторых - как вам нравится это во-первых? Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком. Как сделать рисунок ссылкой? Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*img src="адрес картинки"> где "адрес картинки" - полный адрес (http:// и т.д.) 2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или ) и можно использовать натуральные HTML теги: <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) 3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2: <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами. Движение снизу вверх <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз <marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee> Порядок действий: 1.Загрузите нужное количество картинок на сервер 2.Определитесь с направление и добавляйте код. Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки. 100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

Рамка с круглыми углами. Без фотошопа!

РАМКИ С КРУГЛЫМИ УГЛАМИ

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)
Здесь урок для Яру

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК... <b>ВАШ ТЕКСТ</b> Полужирный текст <i>ВАШ ТЕКСТ</i> Выделение текста курсивом <u>ВАШ ТЕКСТ</u> Подчёркнутый текст <s>ВАШ ТЕКСТ</s> Зачёркнутый текст маленький текст <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 Увеличить текст+4: <font size="+4">текст</font> текст + 4 КРАСНЫЙ: <font color="red">текст</font> красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Во-первых - все козлы, один я иван-царевич! Во-вторых - как вам нравится это во-первых? Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком. Как сделать рисунок ссылкой? Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*img src="адрес картинки"> где "адрес картинки" - полный адрес (http:// и т.д.) 2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или ) и можно использовать натуральные HTML теги: <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) 3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2: <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами. Движение снизу вверх <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз <marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee> Порядок действий: 1.Загрузите нужное количество картинок на сервер 2.Определитесь с направление и добавляйте код. Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки. 100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо