Самое простое создание рамочки для Ли.ру |
Помним, что я люблю рассказывать подробно, и не пугаемся длины поста.
Все побежали, и я побежал ©
|
На Ли.ру есть много уроков-объяснений, как создать рамочку с фоном для украшения днявочки. Но, по-моему, тот, о котором я расскажу — самый простой (потому что я сам его придумал). Он не требует знания даже основ языка разметки гипертекстовых документов (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 - Рамочки для текстов
...
Часть 45 - МЕНЯЕМ ЦВЕТ ТЕКСТА В РАМОЧКЕ
Часть 46 - Весна
Часть 47 - Самое простое создание рамочки для Ли.ру
Рубрики: | Все для дневника |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |