Самое простое создание рамочки для Ли.ру

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

Все побежали, и я побежал ©

На Ли.ру есть много уроков-объяснений, как создать рамочку с фоном для украшения днявочки. Но, по-моему, тот, о котором я расскажу — самый простой (потому что я сам его придумал). Он не требует знания даже основ языка разметки гипертекстовых документов (HTML). Чтобы вас напугать, скажу, что html-код расположенной вверху рамочки выглядит так:

Или, если вы будете следовать всем пунктам урока, этот же html-код в сообщении Ли.ру будет выглядеть так: 

Не стало легче? Ну и плюньте! Пусть браузер Opera или Firefox мучается, читая код, это его работа! А мы — люди, и у нас есть Ласковый Диктатор, который придумал для пользователей Любимого Сервиса расширенный текстовый редактор сообщений.

Сразу замечу: пояснения насчет HTML и всего остального в посте присутствуют, но если вы не хотите вникать в это, то читайте только пункты, выделенные красным цветом.

План действий:

1. Создание двух табличных ячеек (пункты 1 и 2)

2. Указание фонов для ячейки-рамки и для ячейки основного поля (пункты 4-7)

3. Добавление текста, картинок и всего, что душе угодно (пункт 8)

Готовы? Поехали!

1. В расширенном редакторе выбираем кнопочку Вставить/Редактировать таблицу (см. рис.). Создаем таблицу, состоящую из одной ячейки шириной на весь пост (100%), выровненную (отбитую) по центру.

Выглядеть она будет примерно так:

2. Курсор остается внутри ячейки, а мы создаем еще одну таблицу (внутри первой).

Теперь наш черновик стал таким:

3. При нажатии на кнопку Источник, можно увидеть созданный нами html-код.

Синим обведен код внешней таблицы, красным — внутренней (второй).

В каждой таблице обязательно есть ряд (ряды), обозначенные тегом TR, и колонка (колонки) — TD.

Другие параметры тегов таблицы (ни один из них не является обязательным):

4. Теперь немного попишем: после слов table вносим изменения в код — добавляем тег background (он укажет, какой фоновый рисунок будет использоваться.

5. Если у вас уже есть картинки для фона на примете, пропускайте этот пункт.

Нам нужно найти фоновые изображения, а Google знает почти всё (на иллюстрации один из вариантов поискового запроса).

6. Если у вас есть фоны, загружаем их в черновик. Если нет, выбираем на сайте, который нашел Google. На выбранном изображении щелчок правой кнопкой мышки, и копируем адрес или ссылку на изображение.

7. Скопированную ссылку вставляем после background= и берем в кавычки (только не в такие » «).

8. Устали? А рамочка-то уже практически готова — достаточно нажать кнопку Источник, и вы её увидите.

Внутри неё можно писать текст, вставлять туда картинки, всё это форматировать, как в обычном «безрамочном» посте.

Примечание: если в нижней части, рамки появилось ненужное пространство, снова идите в Источник и удалите выделенные оранжевым теги.

Из-за лени и полного отсутствия художественно вкуса рамочка моя получилась довольно убогой. Но принцип, думаю, понятен.

Спасибо, если решите процитировать (и процитируете) пост!

Спасибо сайту infoweb.nm.ru за одолженные фоны, сайту forum4girls.ru — за картинку девочки, а сайту htmlbook.ru — за список значений атрибутов тега table.