Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 700 сообщений
Cообщения с меткой

делаем рамку - Самое интересное в блогах

Следующие 30  »
ЗИТТА

Учимся делать рамки

Четверг, 06 Февраля 2025 г. 11:01 (ссылка)

Это цитата сообщения bloginja Оригинальное сообщение

Учимся делать рамки




Помощь блогеру

Учимся делать рамки.
Урок 1





Чтобы научиться делать рамочки, нужно вникнуть в суть их создания.

Html-код рамки состоит из тегов.

Используя многообразие тегов, можно составлять разные рамки.

Что такое ТЕГ

Чтобы лучше усвоить урок, советую нажать на эту ссылку http://htmledit.squarefree.com/ и открыть редактор, в котором можно легко повторять мои действия.
редактор 1 (596x280, 9Kb)
Вставляем код в открывшемся окне в верхней половине редактора. В нижней половине видим результаты наших действий.
редактор 2 (600x280, 38Kb)
Редактируем запись. Введенные данные обновляются. И вы видите это обновление.

Итак, начинаем.

Тег TABLE создает таблицу.
Можно составлять таблицы с разным количеством ячеек.

Сейчас нам понадобится таблица с одной ячейкой, которую мы и назовём впоследствии рамочкой.

<TABLE> СОДЕРЖИМОЕ РАМКИ </TABLE>



Вставим этот элемент кода в редактор и будем его наполнять, дописывая атрибуты к тегу TABLE .

Создаем рамку
Можно скопировать и пользоваться, подставляя свои значения.

<TABLE border "0" background="АДРЕС ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕС ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕС ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕС ФОНА" width="ШИРИНА ФОНА ДЛЯ ЗАПИСИ" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><center><font size="3" color="8b4513" face="verdana">СОДЕРЖИМОЕ РАМКИ</font></center></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE>




А теперь можно в ней поменять отступы, установить свои фоны, убрать совсем или увеличить ширину обводки, изменить ширину самой рамки, отформатировать текст и т.д.
Ширина такой рамки меняется от значения ширины внутреннего фона, т.е. фона для текста. А в остальных фонах тег можно либо совсем убрать, либо указать такую же, как у внутреннего.


Чтобы отформатировать текст, нужно слова СОДЕРЖИМОЕ РАМКИ заключить в теги

<font size="3" color="8b4513" face="verdana">СОДЕРЖИМОЕ РАМКИ</font>




Я уберу бордюр (поставлю значение "0"), поставлю 4 фона и установлю отступы. Получилась такая рамка.
СОДЕРЖИМОЕ РАМКИ



Урок 2
Урок 3

bloginja




Серия сообщений "рамки":

Часть 1 - Плейкаст "Два голубя"
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 5 - Поздравляю от души!
Часть 6 - Милые женщины, поздравляю Вас!
Часть 7 - Учимся делать рамки
Часть 8 - Учимся делать рамки. Урок 2.
Часть 9 - Учимся делать рамки. Урок 3 "Рамка с картинкой сверху"
...
Часть 20 - Рамка "С Новым годом". Поздравляю от души.
Часть 21 - Рамка для вашего поста
Часть 22 - Календарь на любой год




Серия сообщений "Памятка для Лиру":

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
Часть 9 - Учимся делать рамки
Часть 10 - Учимся делать рамки. Урок 2.
Часть 11 - Учимся делать рамки. Урок 3 "Рамка с картинкой сверху"
...
Часть 15 - Вставить чужую рамку себе в пост
Часть 16 - Плееры для Лиру
Часть 17 - Развернуть картинку прямо на странице поста




Серия сообщений "Уроки":

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
Часть 9 - Учимся делать рамки
Часть 10 - Где найти ссылки МР3 (2)
Часть 11 - Учимся делать рамки. Урок 2.
...
Часть 17 - Плееры для Лиру
Часть 18 - Урок по созданию музыкальной открытки
Часть 19 - Развернуть картинку прямо на странице поста


Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<делаем рамку - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda