Менеджер стилей

[maxlan]

Здравствуйте.
Вопрос такой. Есть шаблон сайта VideoBackground в менеджере стилей которого есть стиль GrayBackground в нем полупрозрачный серый цвет. Как этот стиль перенести в свой проект? Пробовал экспорт,импорт,копирование не получается.В списке есть но отображается неправильно. Где должен быть полупрозрачный цвет он сплошной.

[Gudwinn]

Если Вам нужен полупрозрачный серый цвет для слоя допустим, то внесите это

background-color: rgba(0, 0, 0, .3);

в особый стиль слоя.

[maxlan]

Добавлял, но эта строка пропадает. Я делал так, добавил новый стиль и копировал в advanced значения стиля с примера потом OK. После повторного открытия стиля половина текста в advanced пропадает.
https://yadi.sk/i/fCrOeAgHq2gx4

[Gudwinn]

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

[maxlan]

В общем слой можно сделать полупрозрачным и в свойствах. Как добавить стиль именно в менеджере стилей. Ведь там есть такая возможность. Может она не работает?
Я так понимаю добавив стиль в менеджер единожды его можно применять к разным объектам. Про какие сложности вы говорите?

[Gudwinn]

Если Вы примените полупрозрачность из свойств слоя. то и все элементы в таком слое станут полупрозрачными, в моём же варианте этого не произойдёт. Про сложности в трёх фразах не опишешь всего, если у вас что то не работает, значит что то вы делаете не правильно, логично?

[maxlan]

Вы правы. Поэтому я и интересуюсь как сделать правильно.

Отправлено спустя 2 минуты 13 секунд:

videobg.zip

Вот этот шаблон.

[Alex]

Сделайте в фотошопе не большой фон с нужной прозрачностью и у слоя укажите этот файл фоном.

[maxlan]

Да, знаю, вы уже писали об этом способе. Но помимо прозрачности в стиле есть еще много другого:
.GrayBackground
{
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-color: rgba(0,0,0,0.50);
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0ms;
transition-timing-function: linear;
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
transition-property: background-color;
-webkit-transition-property: background-color;
-moz-transition-duration: 500ms;
-moz-transition-property: background-color;
transition-delay: 0ms;
-moz-transition-timing-function: linear;
-webkit-transition-timing-function: linear;
-moz-transition-delay: 0ms;
}

[Gudwinn]

едрён батон, сделайте уже наконец переход opacity в менеджере стилей (в самом низу, где анимация), и всё заработает

[maxlan]

Там должно быть background-color
https://yadi.sk/i/YGooDsC6q2rRW

[Gudwinn]

Скиньте мне проект wbs и чёткое описание того, что Вам нужно, а так гадать что Вам надо, можно до бесконечности, опишите, вам нужно что бы сразу стиль применялся, или при соблюдении какого либо события?

[maxlan]

Так пример проекта в 7 посте. На последнем видео слева работающий проект а справа я пытаюсь применить в своем но в нем пропадает настройка прозрачности. Нужно создать стиль в своем проекте.

Отправлено спустя 12 минут 7 секунд:
Сейчас свой проект прикреплю.
Нужно задать прозрачность слоям.

Отправлено спустя 28 минут 23 секунды:
Из моего проекта можно убрать file publisher он ни на что не влияет.

Отправлено спустя 39 минут 12 секунд:
Можно так сделать но шрифт тоже становится прозрачным

[Gudwinn]

В общем либо добавляете в редакторе особых стилей эту строку

opacity: 0.50;

где 0.50 это степень прозрачности (можете менять, большим - меньшим числом) либо фоновое изображение выбирать полупрозрачное в менеджере стилей для создаваемого стиля, других вариантов нет, rgba цвета менеджер стилей не генерит что то, так что так как то, других вариантов я не вижу.

[maxlan]

Вот и я о том-же в шаблоне разработчика работает а в программе нет. Похоже надо к Pablo обращаться. Спасибо что посмотрели. Я думал может у меня что то не так настроено. Да и как вариант посмотрите V1.zip.

[Gudwinn]

Ну на самом то деле проблемы нет, Вы можете сверху шапки расположить прозрачный слой с гориз размерностью, и прописать ему в исходнике position:fixed; и уже на этот прозрачный слой расположить тексты, и тогда элементы не будут полупрозрачными)) не забудьте исключить накладываемый слой из слоя шапки, и из слоя который ниже у вас.

[maxlan]

Оказывается все очень просто, просто нужно изменить значение alpha и не нужно вставлять еще один слой поверх другого чтобы текст не был прозрачным.

95961796.jpg

[Gudwinn]

Источник цитаты Оказывается все очень просто

Ну да, век живи, век учись))