CSS стили или оформляем DOM объекты

уроки, мануалы, советы по Construct 2

Сообщение CSS стили или оформляем DOM объекты
» 16 авг 2014, 09:36

Сегодня я бы хотел вам поведать о css стилях на примере button и text box. И так приступим: создаем новый проект и добавляем нашу кнопку, теперь переходим в event sheet, add event, system :arrow: on start of layout, button :arrow: set css style.

Изображение
Откроется окно:
Изображение
property name-свойство
value-значение
И начнем мы с border(граница, бордюр называйте как хотите). В свойствах пишем border в значении любое из понравившихся.
Изображение

Посмотрим, что получилось:
Изображение
Изображение
Также можно изменить цвет border, с помощью border-color(ну цвета я думаю вы знаете)
Изображение
и самой кнопки c помощью background-color.
Изображение
С2 поддерживает и работу со шрифтами: font-size(17pt), font-style(normal, italic, oblique, inherit).
Пример:
Изображение
Также можно оформить и text box
Изображение
На этом пока все.
Изображение
Аватара пользователя

Участник
Сообщений: 40
Я тут с 06 мар 2014
Откуда: Челябинск
Репутация 24 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 05 дек 2014, 03:26

Супер спасибо :ok:
Аватара пользователя

Участник
Сообщений: 28
Я тут с 13 апр 2014
Откуда: Санкт-Петербург
Двиг: Construct 2
Лицензия: Personal
VK: vk.com/railing_man
Репутация 2 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 12 дек 2014, 19:39

Только с текстом и кнопкой работает :cray:
А было бы так полезно заюзать хотя-бы box-shadow...
Аватара пользователя

Модератор
Сообщений: 2154
Я тут с 11 окт 2013
Откуда: Челябинск
Двиг: С2
Лицензия: Pirate
VK: night_silent
Репутация 223 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 12 дек 2014, 19:41

+ добавлю, что цвета можно писать не только буквами, но и видит #FFFFFF, или #FFF.
Аватара пользователя

Модератор
Сообщений: 2154
Я тут с 11 окт 2013
Откуда: Челябинск
Двиг: С2
Лицензия: Pirate
VK: night_silent
Репутация 223 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 12 дек 2014, 19:46

Интересно, CSS3 поддерживает ли, это было бы круто.
Аватара пользователя

Участник
Сообщений: 667
Я тут с 16 фев 2014
Репутация 71 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 12 дек 2014, 20:52

Только кнопки, да текстовыми вроде :cray:
Аватара пользователя

Модератор
Сообщений: 2154
Я тут с 11 окт 2013
Откуда: Челябинск
Двиг: С2
Лицензия: Pirate
VK: night_silent
Репутация 223 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 13 дек 2014, 00:16

endermAH писал(а):Только кнопки, да текстовыми вроде :cray:

Я не это спросил
Аватара пользователя

Участник
Сообщений: 667
Я тут с 16 фев 2014
Репутация 71 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 13 дек 2014, 15:38

ilimi, Ну, тык, CSS3 и HTML5 вроде практически неразлучимые вещи :pardon:
Аватара пользователя

Модератор
Сообщений: 2154
Я тут с 11 окт 2013
Откуда: Челябинск
Двиг: С2
Лицензия: Pirate
VK: night_silent
Репутация 223 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 13 дек 2014, 23:17

endermAH писал(а):ilimi, Ну, тык, CSS3 и HTML5 вроде практически неразлучимые вещи :pardon:

Это абсолютно не связанные технологии. С HTML5 можно использовать CSS2, а CSS3 часто используется без html5 потому что это просто разметка и старая вполне себе работало неплохо, если говорить про вебсайты.
Аватара пользователя

Участник
Сообщений: 667
Я тут с 16 фев 2014
Репутация 71 [ ? ]

Сообщение CSS стили или оформляем DOM объекты
» 14 дек 2014, 10:05

ilimi, Конечно, но в том то и дело, что можно, но раз уж брать последнюю версию html, то уж точно не старый CSS?
Аватара пользователя

Модератор
Сообщений: 2154
Я тут с 11 окт 2013
Откуда: Челябинск
Двиг: С2
Лицензия: Pirate
VK: night_silent
Репутация 223 [ ? ]



Вернуться в Уроки по Construct 2

Сейчас эту тему просматривают

Зарегистрированные пользователи: нет зарегистрированных пользователей

Наверх