Помним, что я люблю рассказывать подробно, и не пугаемся длины поста.
Все побежали, и я побежал ©
|
На Ли.ру есть много уроков-объяснений, как создать рамочку с фоном для украшения днявочки. Но, по-моему, тот, о котором я расскажу — самый простой (потому что я сам его придумал). Он не требует знания даже основ языка разметки гипертекстовых документов (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. Устали? А рамочка-то уже практически готова — достаточно нажать кнопку Источник, и вы её увидите.
Внутри неё можно писать текст, вставлять туда картинки, всё это форматировать, как в обычном «безрамочном» посте.
Примечание: если в нижней части, рамки появилось ненужное пространство, снова идите в Источник и удалите выделенные желтым цветом теги.
Из-за лени и полного отсутствия художественно вкуса рамочка моя получилась довольно убогой. Но принцип, думаю, понятен.
Спасибо!
