Css import construct 2

Содержание

Css – Adding custom CSS to construct 2
Best Solution
Related Solutions
Css import construct 2
Сейчас эту тему просматривают
Css import construct 2

Css – Adding custom CSS to construct 2

I am new to game development and I am making a simple game using construct 2 .

The problem is that construct 2 provides basic html buttons , but I want to put background-image in button. So for that I want to add a custom css in my construct 2 project .. But I am not finding any option to add css to my project. I have added the css in my Files Directory, But It doesnt work.. Any help regarding to this will be appreciated..

Best Solution

Finally I found the answer.. here is a plugin for construct 2 by using which we can import css to our construct 2 project..

I am sharing my answer so that it can help another users who are having same problem as me..

Html – Adding HTML entities using CSS content

You have to use the escaped unicode :

Html – Set cellpadding and cellspacing in CSS

For controlling «cellpadding» in CSS, you can simply use padding on table cells. E.g. for 10px of «cellpadding»:

For «cellspacing», you can apply the border-spacing CSS property to your table. E.g. for 10px of «cellspacing»:

This property will even allow separate horizontal and vertical spacing, something you couldn’t do with old-school «cellspacing».

Issues in IE ≤ 7

This will work in almost all popular browsers except for Internet Explorer up through Internet Explorer 7, where you’re almost out of luck. I say «almost» because these browsers still support the border-collapse property, which merges the borders of adjoining table cells. If you’re trying to eliminate cellspacing (that is, cellspacing=»0″ ) then border-collapse:collapse should have the same effect: no space between table cells. This support is buggy, though, as it does not override an existing cellspacing HTML attribute on the table element.

In short: for non-Internet Explorer 5-7 browsers, border-spacing handles you. For Internet Explorer, if your situation is just right (you want 0 cellspacing and your table doesn’t have it defined already), you can use border-collapse:collapse .

Note: For a great overview of CSS properties that one can apply to tables and for which browsers, see this fantastic Quirksmode page.

Источник

Css import construct 2

Soda , как куда вставить. Это CSS, ты его либо отдельно загружай, либо уже в готовый проект между
и

Код: Выделить всё

cursor-1.png — изображение курсора
cursor-2.cur — второй вариант если первый не загрузится

Reficul

Сообщений: 803 Я тут с 02 ноя 2017 Репутация 291 [ ? ]

Reficul , Ааа. Я так понял, это к каждому DOM объекту применять придётся? То есть у меня заработало по следующему: 1) я подключил через плагин Import — style.css (к примеру), туда вписал твой код:
Код: Выделить всё cursor: url(/cursor.png), url(/cursor.cur), default;
Загрузил курсор в папку Files (даже конвертировал копию курсора в формат .cur), указал пути, безрезультатно. Однако если подключать DOM объект по ID к CSS файлу и указать к примеру так:
Код: Выделить всё #domobject cursor: url(/cursor.png), url(/cursor.cur), default;
>
То всё работает, при наведении курсор заменяется на нужный. Но неужели, это придётся применять к каждому DOM объекту? Нет, это не сложно конечно. Но всё же, постоянно повторять к каждому объекту курсор, не хочется, а выглядеть будет как-то так:
Код: Выделить всё #textbox cursor: url(/cursor.png), url(/cursor.cur), default;
>

#textbox1 cursor: url(/cursor.png), url(/cursor.cur), default;
>

#buttoncursor: url(/cursor.png), url(/cursor.cur), default;
>

Хотя если иного варианта нет, то и так сойдёт. Спасибо за помощь, еще плУсик поставил

P.S Не стандартные DOM объекты (к примеру плагины Pode-HTML), всё так же безразличны к тщетным попыткам заставить не менять этот несчастный курсор. В такие моменты, я просто хочу со всей силы разбежаться и грохнуться об стену, чтобы не мучиться.

«Тут была великая цитата Шайа, но теперь её нет X_X»

R A I N B O W Н Е Д Э Ш , А Fluttershy, Yay!

Попалься! Бесплатный сыр, бывает только в мышеловке c:

^^^ Чтобы никому не мешать, рекомендую тебе собственноручно открывать каждый спойлер под моим сообщением ^^^

Сообщений: 164 Я тут с 21 дек 2017 Репутация 3 [ ? ]

Soda , ты просто всем DOM-объектам назначай один и тот же айдишник и все))
Или так
Код: Выделить всё #textbox, #textbox1, #button cursor: url(/cursor.png), url(/cursor.cur), default;
> — это в том случае, если по каким-то причинам надо разные ID

P.S Не стандартные DOM объекты (к примеру плагины Pode-HTML ), всё так же безразличны к тщетным попыткам заставить не менять этот несчастный курсор. В такие моменты, я просто хочу со всей силы разбежаться и грохнуться об стену, чтобы не мучиться.

Автор просто там слишком много наумничал и умолчания такие ввел для блоков, что диву даешься (хе-хе, DIV`у, каламбур)
В этом случае просто перебивай css свойство при помощи !important;
Код: Выделить всё #textbox cursor: url(/cursor.png), url(/cursor.cur), default !important;
>

Все люди в мире делятся на 10 категорий: тех, кто понимает двоичную систему, и тех, кто — нет.
Идёт работа: CityMoles

Сообщений: 915 Я тут с 13 мар 2017 Репутация 135 [ ? ]

VedebellO , у меня и импортант сломался
Код: Выделить всё #MamaJaTakUstalZaberiMenjaObratno cursor: url(/cursor.png), default !important;
>
Не помогает :c

— этот плачущий смайлик ни на 0,001% не описывает моё положение. Я уже как маленькая девочка, забилась в угол и панически ору на всю хату

«Тут была великая цитата Шайа, но теперь её нет X_X»

R A I N B O W Н Е Д Э Ш , А Fluttershy, Yay!

Попалься! Бесплатный сыр, бывает только в мышеловке c:

^^^ Чтобы никому не мешать, рекомендую тебе собственноручно открывать каждый спойлер под моим сообщением ^^^

Сообщений: 164 Я тут с 21 дек 2017 Репутация 3 [ ? ]

Soda , файлы курсора у тебя в проект подгружены? Попробуй ради чистоты эксперимента ~~побить ногой по колесу и протереть зеркало~~ указать абсолютный путь к файлам, взять путь в кавычки.
Попробуй при помощи инструментов разработчика отследить — на каком этапе перебивается инфа?
и да, слеш в начале кажется не нужен, особенно если файлы в проект вшиты. Они же в той же папке, что и index

Все люди в мире делятся на 10 категорий: тех, кто понимает двоичную систему, и тех, кто — нет.
Идёт работа: CityMoles

Сообщений: 915 Я тут с 13 мар 2017 Репутация 135 [ ? ]

VedebellO , ну конечно подгружены, я курсор закинул в папочку Files, по идее, в таком случае он лежит в корневой папке проекта после компила. Я для проверки использовал стандартные DOM объекты, на них более-менее работает, хотя курсор при наведении неприятно смещается. Но я уже смирился с этим, хотя бы работает. Но с Pode ни в какую, я попробовал напрямую использовать стиль через ивент, что-то получилось. Правда теперь при наведении на Pode-iFrame, курсор не меняется, УРА! ЗАТО ТЕПЕРЬ ПРОПАДАЕТ САМ DOM ОБЪЕКТ.

1. Побил ногой по зеркалу и протёр колесо
2. Убрал слэш (толку нет)
3. Как делать тугой узелок?

«Тут была великая цитата Шайа, но теперь её нет X_X»

R A I N B O W Н Е Д Э Ш , А Fluttershy, Yay!

Попалься! Бесплатный сыр, бывает только в мышеловке c:

^^^ Чтобы никому не мешать, рекомендую тебе собственноручно открывать каждый спойлер под моим сообщением ^^^

Сообщений: 164 Я тут с 21 дек 2017 Репутация 3 [ ? ]

Забей вообще на css и используй дефолтные события с плагином Mouse (курсор из спрайта)

И кстати про смещения — куда на спрайте выставишь нулевой пойнт, там и будет в твоем «курсоре» кончик стрелки
Только спрайт изначально должен присутствовать на лэйауте (за пределами), иначе не будет работать.

Все люди в мире делятся на 10 категорий: тех, кто понимает двоичную систему, и тех, кто — нет.
Идёт работа: CityMoles

Сообщений: 915 Я тут с 13 мар 2017 Репутация 135 [ ? ]

VedebellO , это работает, но по моему только с Div_Pode (так как я тестировал на iFrame, думаю CSS варианты там бы и работали), а у меня то iFrame_Pode, а там мозговыносящая проблема. Это я использую, чтобы парсить информацию со странички (аля блоХ). А с Div_Pode, да, работает. Я уверен, если бы мне нужен был Div_Pode, вместо iFrame, было бы наоборот O.o

«Тут была великая цитата Шайа, но теперь её нет X_X»

R A I N B O W Н Е Д Э Ш , А Fluttershy, Yay!

Попалься! Бесплатный сыр, бывает только в мышеловке c:

^^^ Чтобы никому не мешать, рекомендую тебе собственноручно открывать каждый спойлер под моим сообщением ^^^

Сообщений: 164 Я тут с 21 дек 2017 Репутация 3 [ ? ]

GoldenLine писал(а): Кстати, вы заметили как в C2r.265 (или даже r.262) исправили fullscreen in browser? раньше он неправильно работал .
И никто, никто! об этой проблеме не говорил! я не могу

Открыл старый проект, где была возможность fullscreen in browser, а теперь окно во весь экран только черное по центру в размере видимого прежнем окне изображения. Явно что то сделали, но зачем? (меня все устраивало ) Еще раз убедился, что «коней на переправе не меняют», версии меняются не всегда в лучшую сторону и если делать длительный проект, то оставаться на выбранной версии.

Сообщений: 3094 Я тут с 24 окт 2014 Откуда: Москва Двиг: C2 Лицензия: Personal Репутация 609 [ ? ]

Сообщений: 3 Я тут с 22 окт 2018 Репутация 0 [ ? ]

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

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

Источник

Css import construct 2

Привет. Делаю браузерное приложение. В нем планируется использовать сторонние сервисы. Для встраивания предлагается HTML код. Вопрос: есть ли возможность встроить его в Констракте 2? Очень не хочется ковыряться после экспорта.