Делаем баннер самостоятельно

Если вы хотите сделать баннер самостоятельно (т.е. чтобы картинка была ссылкой на какой-то сайт или какую-то вашу запись в дневнике), нет ничего проще!
Скопируйте нижеприведенный код:
<a href="ссылка на сайт" target="_blank"><img src="ссылка на изображение" border="0" title="надпись при наведении мышки на баннер" width="ширина" height="высота" /></a>
Сотрите слова "ссылка на сайт" и вместо них в кавычки вставьте собственно ссылку на вашу страничку. Там, где ссылка на изображение - вставьте такую ссылку, для этого можно загрузить картинку, которая будет собственно баннером на сайт Радикал или подобный ему. "Надпись при наведении мышки на баннер" тоже замените фразой, которую хотите видеть. Ну и наконец - введите ширину и высоту баннера - там где слова "ширина" и "высота". Готово!

Меняем цвет шрифта.

Коды для тех кто хочет поменять цвет текста в рамочках.
Рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога
Дайтека спасибо милая за постик.

	Ваш текст	<font color="#000080">ваш текст</font>
	Ваш текст	<font color="#0000FF">ваш текст</font>
	Ваш текст	<font color="#3366CC">ваш текст</font>
	Ваш текст	<font color="#00FFFF">ваш текст</font>
	Ваш текст	<font color="#3D9FE">ваш текст</font>
	Ваш текст	<font color="#660066">ваш текст</font>
	Ваш текст	<font color="#9900CC">ваш текст</font>
	Ваш текст	<font color="#CC00CC">ваш текст</font>
	Ваш текст	<font color="#FF66FF">ваш текст</font>
	Ваш текст	<font color="#800000">ваш текст</font>
	Ваш текст	<font color="#CC0000">ваш текст</font>
	Ваш текст	<font color="#FF0000">ваш текст</font>
	Ваш текст	<font color="#FF6666">ваш текст</font>
	Ваш текст	<font color="#FFCCCC">ваш текст</font>
	Ваш текст	<font color="#663300">ваш текст</font>
	Ваш текст	<font color="#CC6600">ваш текст</font>
	Ваш текст	<font color="#FFFF00">ваш текст</font>
	Ваш текст	<font color="#FFFFCC">ваш текст</font>
	Ваш текст	<font color="#003300">ваш текст</font>
	Ваш текст	<font color="#006600">ваш текст</font>
	Ваш текст	<font color="#009933">ваш текст</font>
	Ваш текст	<font color="#00FF00">ваш текст</font>
	Ваш текст	<font color="#99FF99">ваш текст</font>
	Ваш текст	<font color="#000000">ваш текст</font>
	Ваш текст	<font color="#FFFFFF">ваш текст</font>

Читаем далее...
источник Дайтека

Делаем простую кнопку для блога.

Иногда при оформлении поста нужно загрузить много Ссылочек на разные сайты или Одна тема и много подпунктов к ней. Тогда вас выручит простая кнопка.Как она вообще выглядит?А вот так . Что бы ее сделать нужно вставить вот этот код к себе в блог <form action="URL АДРЕС ССЫЛКИ" target="_blank" method="get"><input type="submit" value="НАЗВАНИЕ КНОПКИ" /><br /> <input type=hidden name=tok value=9fa9a9dfad53acf4e6bdb8be0dd84666 /></form> Там где написано "URL АДРЕС ССЫЛКИ" -нужно вставить адрес ссылки на страницу куда эта кнопка будет вести. А где написано "НАЗВАНИЕ КНОПКИ" -пишите то что нужно вам. Но это если нужна одна кнопка.А если несколько? Чуть ниже я даю коды разных вариантов кнопок.Выбирайте какой нужен вам.Копируйте код и вставляйте к себе в блог. Читаем ещё варианты далее... дневник Милолика Покровская

Учебник Лиру

 

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

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

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

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

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

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

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3

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

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

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

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

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

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

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

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

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

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

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

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид: <img src="http:…" align="left" hspace="20" />
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align="left" hspace="20" vspace="15" />

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

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

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

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

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

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
<font face="Monotype Corsiva" size="+1">Ваш текст</font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>

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

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

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

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


 

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

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

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

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

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

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

• Мужской клуб
   
• Женский клуб

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

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

Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска
Сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

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

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

Однажды

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

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

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

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

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

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

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

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

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

Убираем текст под кат

Мне такой вопрос в личку написали. Отвечаю.

Когда опубликованный текст настолько велик, что нуждается в прокрутке мышкой для прочтения, то, конечно, такой текст лучше убирать под кат.
В больших статьях должен быть виден только первый абзац. А там уже сам читатель определит, хочет ли он увидеть весь текст, или отвернется чтобы читать другие статьи.

Особенно мучаются читатели когда в посте, не убранном под кат, много картинок. В такое дневники посетители ходить не любят.

А убрать большую часть поста под кат очень легко.
Достаточно в месте, где вы решили написать слова "Читать дальше", написать латинскими буквами MORE=
затем русскими буквами ЧИТАТЬ ДАЛЬШЕ
То есть четыре латинские буквы со знаком равенства, далее вплотную пояснительные слова на русском, и заключить эту конструкцию в квадратные скобки [ ]
И дальше пусть размещается остальной текст до самого конца, с картинками или без...
Посмотрите что должно получиться в итоге:

Затем в самом конце статьи, сразу после заключительной точки, снова пишешь MORE, но уже без знака равенства, зато впереди ставится слэш (косая черта). И опять квадратные скобки.
Вот так:

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

И хотя текст, на примере которого я показала действие тега MORE, довольно длинный, в опубликованном виде он выглядит вот так:


В примере статья Как работа помогает найти мужа.

Еще статьи на тему «Возня с компьютером»:

*Мы на Ли.ру зачем
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Рубрики, или Как в дневнике сделать порядок
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как сделать кликабельную ссылку
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Делаем Текстовую ссылку.

Что же такое Текстовая ссылка? Это ссылочка в виде текста,которая может вести на ваш дневничёк(если на неё нажать).Например... Блог Милолика Покровская Или кликнув на неё,можно перейти на другой сайт или в гости к другому пользователю.Например... ValeZ Код её я помещаю ниже.Его нужно скопировать к себе в блог. В самом коде где написано ... "АДРЕС ССЫЛКИ" ... вставляем Адрес ссылки или нужной вам странички на которую вы хотите сделать эту ссылку. Берём этот Адрес в самом верху компьютера.В Адресной строке. Адрес начинается с ...http... А там где стоит надпись ..."ВАШ ТЕКСТ ИЛИ НИК" ... Пишите любой нужный вам текст,который относится к данной ссылочке или ваш ник. Параметр ...target=_blank... означает, что ссылка откроется в новом окне. КОД ссылочки текстовой <a href="АДРЕС ССЫЛКИ" target="_blank">ВАШ ТЕКСТ ИЛИ НИК</a> дневник Милолика Покровская

Делаем кнопки

Покажу как сделать самые распространенные кнопки,для переходов на другие страницы.

 

Простая кнопка

 

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

Делается она очень просто.
Копируете код из окошечка ниже
 

<form action="АДРЕС"><input type="submit" value="НАДПИСЬ" /></form>

Вместо моего слова АДРЕС ставите http-адрес нужной страницы.Вместо НАДПИСЬ пишите то,что должно быть написано на кнопке.Всё!

 

Читать дальше > > >
  Удачи!

 

Еще уроки здесь
Код поста для Mail.ru здесь

Как сделать ссылку на друга

Чтобы сделать кликабельную ссылку на блоггера с ЛиРу,

достаточно перейти на латинский шрифт и написать:
[user=
Далее вплотную писать ник блоггера и закрыть квадратную скобку.
Например: [user=Сплетни-Новости.
Сейчас я закрывающую скобку не поставила умышленно, чтобы ссылка при публикации была видна в ее, так сказать, кодовом виде. А если поставить закрывающую квадратную скобку, это превратится в ссылку на блоггера, и после публикации будет выглядеть так (куколка и ник):
Сплетни-Новости. Это уже ссылка, причем, кликабельная – если на нее нажать мышкой, окажетесь в дневнике данного блоггера.
Попробуйте, это очень легко!

Серия сообщений на тему
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

*Теги работающие на ЛиРу

Теги работающие на ЛиРу

<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>
текст (картинка) будет по центру

текст будет для цитат.
отделен пустой строкой и отступ слева в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

текст

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

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

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

текст с правого края
в две строчки с выравниванием справа
<div align=right>ВАШ ТЕКСТ</div>


текст с правого краю
в две строчки с выравниванием слева
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />



Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска

сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

список. /жирная точка спереди/
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

• Во-первых - все козлы, один я иван-царевич!
  
• Во-вторых - как вам нравится это во-первых?
  

список сформируется автоматически, если добавить

<ol><br /> <li> первый пункт ВАШЕГО ТЕКСТА<br /> <li> второй пункт ВАШЕГО ТЕКСТА<br /> </ol>

1. Один из пунктов несортированого списка
   
2. Другой такой пункт
   

"закрепитель" текст остается таковым, каким вы его пишете
<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>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на поздравление с 8-м марта/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру</a></b>
получается:
Мой блог

непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите
[more=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком


Пользуемся и забираем себе в цитатник!

Делаем кликабельные кнопочки на ваш дневник или какой-то сайт

Делаем кликабельные кнопочки на ваш дневник или какой-то сайт. АДРЕС ССЫЛКИ - поменяйте на адрес своего блога или любого поста для которого нужно создать кнопку НАЗВАНИЕ КНОПКИ - тут я думаю сами знаете что написать... Для упрощения всех операций просто скопируйте код из окошка и замените нужные моменты. Если остались вопросы пишите в комментах. ПРОДОЛЖЕНИЕ ТУТ... Серия сообщений "МОИ УРОКИ": Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев. Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник. Часть 3 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ. Часть 4 - Урок 3. Делаем вместе простую рамочку из 4-х слоев Часть 5 - Делаем кликабельные кнопочки на ваш дневник или какой-то сайт Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев Часть 7 - Урок 5. Делаем вместе рамку с уголками. ... Часть 16 - НАСТРАИВАЕМ ДИЗАЙН НА СВОЙ ВКУС. Часть 17 - Урок. Картинка в середине Текста Часть 18 - Шпаргалка для оформления постов.