• Авторизация
Дневник Вера_Паничкина Лента друзей - Дневник - Полная версия


Делаем рамочку для текста без ФШ. 20-03-2015 01:19 к комментариям - к полной версии - понравилось!



Рамки задаются свойством border. Это свойство имеет три характеристики: цвет, стиль и толщину. Для определения этих характеристик рамок используются три различные записи Border – свойства рамки:
1. border-color -цвет
2. border-style -стиль
3. border-width - толщина
Стиль рамки – вид линии – может иметь следующие значения:
- solid(сплошная линия);- dotted (точечная);- dashed (пунктирная);- double (двойная сплошная линия);- groove (вдавленная); - ridge (выпуклая);- inset (весь блок вдавленный); - outset (весь болк выпуклый).
Например - table style="border:7px dotted #000000" - это означает, что бордюр имеет толщину(ширину) 7 пикселей, стиль(dotted) - точечная линия, цвет(колор -#000000)-черный.
КОД: ВАШ ТЕКСТ

***Я только учусь. Оказывается, делать рамочки не так уж сложно, как кажется сначала. Я беру за основу формулу вот этой рамочки. Удачи в творчестве, друзья!***

***ТЕКСТ***


1.
[474x58] - solid

2.
[483x67] - dotted

3.
[479x60] - dashed

4.
[479x59] - double

5.
[479x56] - groove

6.
[484x60] - ridge

7.
[482x62] - inset

8.
[478x63] - outset

Обозначения:

1. < center > - этот тег выравнивает рамку, картинку по центру. Если его убрать, то рамка сместится влево.

2. < table border ="2" - Число 2 это толщина обводки рамки (тонюсенький серый контур). Здесь можно поэкспериментировать. Если вместо 2 поставим 0, то контур виден не будет. Ширина бордюра и рамки задается в пикселях (px )

3. background = "URL АДРЕС ФОНА " - На место URL АДРЕС ФОНА вписываем ссылку на фон (без пробелов и не заденьте ковычки), ссылка начинается всегда с http://
Где взять ссылку? Да очень просто. Находите в интернете понравившийся Вам фон, кликаете по нему правой кнопкой мыши и выбираете "Копировать адрес изображение". Этот адрес и будет нашим "URL АДРЕС ФОНА". Скопируйте ссылку, вставьте в формулу рамки. В качестве фона больше всего подходят яркие, блестящие анимированные фоны или бесшовные картинки.

4. cellpadding = "0" и cellpadding = "0" - Ширина слоёв ФОНА ОБОДКА в пикселях (ободок поделен на два слоя). Здесь можете менять как в большую сторону, так и в меньшую.

5. width = "600" - это размер рамочки по отношению к Вашей странице. Можно размер рамки выставлять в процентах - 100% - это размер вашей страницы; уменьшив %, уменьшится рамочка...

6. background = "URL АДРЕС ОСНОВНОГО ФОНА". В качестве основного фона лучше брать однотонные бесшовные картинки или картинки с неброским рисунком, чтобы была хорошая видимость текста.

7. < font size="4" > - это размер шрифта текста в рамочке. Его можно менять.

8.< font color="#000000" > - Цвет вашего текста в рамке. Цвет можно изменить. (Для этого можно воспользоваться программой для подбора цвета )

9. font-family- стиль текста

10. < tr > - этот тег поддерживает высоту рамки, чтобы она не свернулась.
11. < td > - этот тег поддерживает ширину рамки и также не даёт ей свернуться.
Все теги в конце закрываются знаком "/" - < /font >< /font >< /font >< /td >< /tr >< /table >< /td >< /tr >< /table >< /center >

P.S. если для фона вы используете не изображение, а цвет из таблицы-колор, то обратите внимание на так называемые "знаки препинания":
style="border:5px inset #494949;background-color:#362212"

вверх^ к полной версии понравилось! в evernote
Комментарии (8):
Вера_Паничкина 28-03-2015-11:35 удалить
Ответ на комментарий Бабушка-ладушка # И ВАМ СПАСИБО ЗА ТО, ЧТО ПРОЦИТИРОВАЛИ!
Обратиться - Ответить - К полной версии
lyubov_Tym 25-06-2015-11:32 удалить
Цитирую с благодарностью!Всё понятно расписано!
Обратиться - Ответить - К полной версии
vdomarvik 13-08-2015-19:25 удалить
Спасибо большое!!!
Обратиться - Ответить - К полной версии
Юляшка_гречанка 07-05-2016-23:34 удалить
Доброй ночи!
С праздником!
Процитирую с благодарностью. Поучусь.
Обратиться - Ответить - К полной версии
Акинина_Валентина 15-12-2016-12:51 удалить
Верочка,спасибо Вам за полезный для меня пост!!!Цитирую с благодарностью!!!
Обратиться - Ответить - К полной версии


Комментарии (8): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем рамочку для текста без ФШ. | Вера_Паничкина - Блокнот | Лента друзей Вера_Паничкина / Полная версия Добавить в друзья Страницы: раньше»