Тамара (mtv59) wrote,
Тамара
mtv59

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

Автор - BraveDefender. Это цитата этого сообщения

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

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

 

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

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

bravedefender.ru


 

На Ли.ру есть много уроков-объяснений, как создать рамочку с фоном для украшения днявочки. Но, по-моему, тот, о котором я расскажу — самый простой (потому что я сам его придумал). Он не требует знания даже основ языка разметки гипертекстовых документов (HTML). Чтобы вас напугать, скажу, что 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. На выбранном изображении щелчок правой кнопкой мышки, и копируем адрес или ссылку на изображение.

 

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

 

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

 

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

 

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

 

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

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

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

Серия сообщений "для новичков ":
Часть 1 - Проверьте настройки в своих дневниках.
Часть 2 - Как убрать длинный пост под кат...
...
Часть 17 - Самые азы о создании постов.
Часть 18 - Как разделить текст на 2 части.
Часть 19 - Самое простое создание рамочки для Ли.ру.

Оригинал записи и комментарии на LiveInternet.ru

Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments