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

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

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

Ах, какая замечательная рамочка у меня получилась!

Теперь все увидят, что мой дневничок самый-самый симпатичный на Лиру!!!

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

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

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

Смотрите также:   Пишу дневник для себя

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

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

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

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

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

1. В расширенном редакторе выбираем кнопочку Вставить/Редактировать таблицу (см. рис.).

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

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

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

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

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

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

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

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

align Определяет выравнивание таблицы
background Задает фоновый рисунок в таблице
bgcolor Цвет фона таблицы
border Толщина рамки в пикселах
bordercolor Цвет рамки
cellpadding Отступ от рамки до содержимого ячейки
cellspacing Расстояние между ячейками
cols Число колонок в таблице
height Высота таблицы
width Ширина таблицы
Смотрите также:   Небольшая хитрость с рисунками

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

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

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

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

На выбранном изображении щелчок правой кнопкой мышки, и копируем адрес или ссылку на изображение.

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

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

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

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

Смотрите также:   Решили смотреть индийские фильмы?

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

Спасибо!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

пять − два =