В помощь блогеру

Воскресенье, 22 Сентября 2013 г. 13:59 + в цитатник

Цитата сообщения Люмлия

Прочитать целиком В свой цитатник или сообщество!

В помощь блогеру

В помощь блогеру.
Автор: Волынцева Ю.Н.

Формы для текста

1. ОКНО TEXTAREA

a). Окно для вставки Html-кода во всю длину записи.

Html-код:
<textarea>СЮДА ВСТАВЛЯЕМ HTML-код</textarea>

ПРИМЕР:

б).Окошко определенного размера с установленным размером текста.

Html-код:
<table><tr><td><font size="3">
<TEXTAREA ROWS="5" COLS="50">СЮДА ВСТАВЛЯЕМ HTML-код</TEXTAREA>
</font></table>
где:
ROWS - Задает высоту окна (число строк).
COLS - Задает ширину окна (количество символов текста).
size="3" - меняет размер текста (значения можно ставить от 1 до 7).

ПРИМЕР:

в).Окошко в одну строку

* Во всю длину поста.

Html-код:
<TEXTAREA ROWS = "integer">СЮДА ВСТАВЛЯЕМ HTML-код</TEXTAREA>

ПРИМЕР:

* Небольшого размера с установленным размером текста.

Html-код:
<table><tr><td><font size="2">
<TEXTAREA ROWS = "integer">СЮДА ВСТАВЛЯЕМ HTML-код</TEXTAREA>
</font></table>

ПРИМЕР:

2. ОКНО INPUT TYPE
Подходит для вставки кода под готовые рамки.

Форма окошечка в одну строку для вставки Html-кода или текста.

Html-код:
<input type='text' size='60' value='текст или код'>

где:
size='60' - размер в длину (60) можно менять в зависимости от того, какой величины нужна рамка.

Сюда можно писать и код, и текст. Только после копирования из этого окошка всё будет отображаться без переходов на следующую строку.А вот для перехода текста на следующую строку, в форме можно пользоваться тегом <br>. После копирования из окошка и вставки в блог, тег не отображается, а текст будет с новой строки там, где нам надо. Это относится и к HTML-кодам.

ПРИМЕР:
Мы создали код рамочки...
<table border="0" cellspacing="0" cellpadding="5"><tr><td><table border="0" cellspacing="0" cellpadding="5" background="//s44.radikal.ru/i103/0911/d0/51021b68a71c.gif"><tr><td><br><text face="Verdana" size="3" color="ffffff"><center><b>ПРИВЕТ</b></center></text><br></td></tr></table></td></tr></table>

Посмотрели, что получилось...

ПРИВЕТ

Вставили этот код в данную форму
/s44.radikal.ru/i103/0911/d0/51021b68a71c.gif"><tr><td><br><text" target="_blank">//s44.radikal.ru/i103/0911/d0/51021b68a71c.gi...t;<td><br><text face="Verdana" size="3" color="ffffff"><center><b>ПРИВЕТ</b></center></text><br></td></tr></table></td></tr></table>" /> - Здесь size='60' заменен на size='10'

И выложили в блог или...

3. HTML-код отображается как текст.

Html-код:

Html-код между этими тегами, после добавления в блог или в комментарий, не превращается в изображение, а отображается, как обычный текст.

ПРИМЕР: Возьму картинку

Загружу в Радикал и скопирую её код
<img src="//s019.radikal.ru/i630/1204/e7/c9569c7b2952.gif">

Мне, к примеру, нужно показать кому-то этот код.

Пишу форму:

Получатель видит запись так:
Код этой картинки такой
<img src="//s019.radikal.ru/i630/1204/e7/c9569c7b2952.gif">

Текст между этими тегами ( ) можно форматировать: указать цвет, размер и прочее. Только все атрибуты текста нужно указывать до и после тега xmp

ПРИМЕР:
Записываем необходимые атрибуты текста:

А в итоге вы будете видеть :
Код этой картинки такой
<img src="//s019.radikal.ru/i630/1204/e7/c9569c7b2952.gif">

4. Форма для текста с прокруткой.

Html-код:
<select multiple="multiple" size="3">
<option>Текст</option>
<option>Текст</option>
<option>Текст</option>
<option>Текст</option>
</select>

ПРИМЕР:

Атрибут тега size="3"устанавливает высоту окошка, т.е. сколько строк текста вы хотите оставить видимыми.Я оставила 3 строки. Остальной текст будет прокручиваться. А длину вы должны определить сами, отделяя каждую строку текста тегом <option></option>. Иначе текст будет растягиваться в длину до бесконечности.

ПРИМЕР:
<select multiple="multiple" size="3">
<option> Музыкальные пародии</option>
<option></option>
<option>Поется под мелодию песни “И кто его знает?”</option>
<option></option>
<option>Темной ночью ходит паpень возле чата моего,</option>
<option>Помоpгает мне приватом и не скажет ничего,</option>
<option> И кто его знает чего он моpгает,</option>
<option>Чего он моpгает и кто его знает.</option>
</select>

Результат:

Текст в окошке не форматируется.

Если вам нужно, чтобы появлялись отступы, можно воспользоваться неразрывным пробелом (&*nbsp;), только звёздочку в коде этого символа уберите.

Чтобы сделать промежуток между строчками, оставьте <option> </option> не заполненными.
Это хорошо видно в примере.

Нашел для вас Surge Blavat

Джулия

Серия сообщений "обучение":
Часть 1 - Всё,что должно быть у Лирушника под рукой(ссылки)
Часть 2 - Новое Оформление дневника для Лирушников
...
Часть 16 - Что такое спрятать" под кат"(англ- "cut")? Вместо слов вставляем картинку...
Часть 17 - Урок,как разделить текст на 2 части...)))
Часть 18 - В помощь блогеру
Часть 19 - Полезные ССЫЛКИ для оформления дневника
Часть 20 - ДЕЛАЕМ БЕСШОВНЫЙ ФОН
...
Часть 27 - Еще один вид плеера
Часть 28 - Помощь блогеру.. Шпаргалки. Бегущая строка. Как сделать, чтобы текст «обтекал» картинку?
Часть 29 - Чем блог отличается от сайта? Комментировать чужие статьи или нет. Если комментировать, то как. Как проверить текст статьи на уникальность.