Стиль (контекст) Web-элементов

Все  web-элементы могут иметь в языке  Friend контекст. Контекст так-же как и везде можно делать глобальным для группы элемкентов, последовательно добавляя или удаляя нужные элементы командами  :+  и :-.

Контекст web-элементов изменяет их стиль, и некоторые другие свойства, которые вы можете сами сконструировать через добавление новых библиотек стилей (CSS). Разработка CSS не входит в описание языка  Friend, так как это стандарт Интернет дизайна и верстки, и по этому вопросу много справочных  данных в Интернете.

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

Примеры:

green_text: Text(«text1″,»Это зеленый  текст!»)

{red, green_text} : Text(«text1″,»Это зеленый  текст на красном фоне!»)

Список стандартных свойств в языке Friend:

/*Страничные вкладки-меню*/
notebook2

notebook2

notebook2frame
/* Разрешение пертаскивания мышкой */
dragin

/*iFrame — окошко на странице*/
#Wrapper1
/* Не удалять пробелы*/
multi_space

/*Загрузка файлов — стиль кнопки */
input_button_style

input_font_style

input_input_style
/* слои*/
level_1
level_2

level_3
level_4

level_5

/* ————————— ПОЗИЦИОНИРОВАНИЕ ———————————- */
position_absalute

/* Окно с прокруткой*/
textframe

/*общие стили для всех кнопок*/
a
/*кнопка 1*/
one
background-size: 16px 16px;
}
/*кнопка 2*/
two
/*кнопка 3*/
three
/*кнопка 4*/
four a{
/*кнопка 5*/
five
/*кнопка 6*/
six
/*кнопка 7*/

/*кнопка 8*/
eight
/*кнопка 9*/
nine
/*кнопка 10*/
ten
/*кнопка 11*/
eleven

/*общие стили для всех ссылок*/a {
text-decoration
/*первая ссылка*/
s1
/*вторая ссылка*/
s2
/*третья ссылка*/
s3
/*четвертая ссылка*/
s4
/*пятая ссылка*/
s5
/*шестая ссылка*/
s6
s7
/*восьмая ссылка*/
s8
/*девятая ссылка*/
s9
/*десятая ссылка*/
s10
/*одиннадцатая ссылка*/
s11
/*двенадцатая ссылка*/
s12
/*тринадцатая ссылка*/
s13
/* ———————————————————————————-*/
admin_page_top

admin_page_center

excalibr_text

excalibr_link_text

/* ЦВЕТА
red

dark_green

center

rightimg

west

east
north

south

thick_border
/*———————————Цвет фона—————————————*/
red

dark_green

white

black

blue

green

yellow
violet
gray
/*———————————Границы—————————————*/

thick_border

thin_border
/*———————Цвет текста—————————————*/

dark_text
red_text

dark_green_text

white_text

black_text

blue_text

green_text

yellow_text

violet_text
gray_text