Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 18 Ответов
  • 2200 Просмотров
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Полупрозрачность спрайта
« : 18.04.2012, 11:04:35 »
Приветствую! Решил я несколько картинок объединить в CSS спрайт.
Вроде все получилось, но я хотел бы добавить свойство полупрозрачности и чтобы при наведении курсором процент полупрозрачности менялся.
Вот что у меня получилось:
Код
<style type="text/css">
ul li i{
display:block;
width:35px;
height:37px;
background:url(vk.png);	}
ul{position:fixed;right:0;bottom:20px;width:35px;z-index:1000;" }
</style>
<ul>
  <li><a href="#"><i style="background-position:0px 0px; opacity:0.7; filter:alpha(opacity=70); a:hover {opacity:1.0; filter:alpha(opacity=100);}"></i></a></li></a></li>
</ul>
Тут только один кусок картинки, с прописанными свойствами прозрачности. свойство opacity:0.7; filter:alpha(opacity=70); работает. Т.е. кусок картинки выводится полупрозрачным, но при наведении прозрачность не изменяется. Т.е. свойство a:hover {opacity:1.0; filter:alpha(opacity=100);} не работает.
Подскажите пожалуйста, где я допустил ошибку синтаксиса?!
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Полупрозрачность спрайта
« Ответ #1 : 18.04.2012, 11:12:52 »
Ты попутал тег <style> с атрибутом style тега <i>
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #2 : 18.04.2012, 11:40:21 »
Цитата: Efanych от 18.04.2012, 11:12:52
Ты попутал тег <style> с атрибутом style тега <i>
Не понял, как это попутал, они оба выполняют свои функции вроде бы
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Полупрозрачность спрайта
« Ответ #3 : 18.04.2012, 11:44:29 »
Цитировать
<i style="a:hover {opacity:1.0; filter:alpha(opacity=100);}"
Такая конструкция не будет работать
Цитировать
<i style="background-position:0px 0px; opacity:0.7; filter:alpha(opacity=70);"></i>
Такая будет и такая будет
Цитировать
<style>a:hover {opacity:1.0; filter:alpha(opacity=100);}</style>
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #4 : 18.04.2012, 13:00:49 »
Но тогда при наведении мыши не работает изменение прозрачности =\
Не могу понять, как заставить отдельный спрайт менять прозрачность...
Дивами чтоле...
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Полупрозрачность спрайта
« Ответ #5 : 18.04.2012, 13:03:53 »
Я может чего не понимаю, но вроде у тебя прозрачность задана для тега <i>. Значит и непрозрачность задавай ему
a:hover i {opacity:1.0; filter:alpha(opacity=100);}
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #6 : 18.04.2012, 13:16:59 »
Сделал так:
Код
<style type="text/css">
ul li i{
display:block;
width:35px;
height:37px;
background:url(vk.png);	opacity:0.7; filter:alpha(opacity=70);}
ul{position:fixed;right:0;bottom:20px;width:35px;z-index:1000;" }
</style>
<ul>
<li><a href="#"><i style="background-position:0px 0px; a:hover i {opacity:1.0; filter:alpha(opacity=100);}"></i></a></li>
</ul>
Все равно не работает изменение прозрачности.
Похоже я вас не понял =\
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Полупрозрачность спрайта
« Ответ #7 : 18.04.2012, 13:19:28 »
Цитировать
Похоже я вас не понял =\
Эт точно. Вот так попробуй
Код
<style type="text/css">
ul li i{
display:block;
width:35px;
height:37px;
background:url(vk.png);	opacity:0.7; filter:alpha(opacity=70);}
ul{position:fixed;right:0;bottom:20px;width:35px;z-index:1000;" }
a:hover i {opacity:1.0; filter:alpha(opacity=100);}
</style>
<ul>
<li><a href="#"><i style="background-position:0px 0px;"></i></a></li>
</ul>
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #8 : 18.04.2012, 13:21:59 »
Не работет
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Полупрозрачность спрайта
« Ответ #9 : 18.04.2012, 13:34:40 »
Код
<style type="text/css">
ul{position:fixed;right:0;bottom:20px;width:35px;z-index:1000;" }
li a{
    display:block;
    width:35px;
    height:37px;
    background:url(vk.png);
    font-style:italic;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
    opacity:0.7;
}

li a:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);	
    opacity:1;	
}
</style>

<ul>
<li><a href="#"></a></li>
</ul>
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Полупрозрачность спрайта
« Ответ #10 : 18.04.2012, 13:35:50 »
А так?
Код
<style type="text/css">
ul li i{
display:block;
width:35px;
height:37px;
background:url(vk.png);	opacity:0.7; filter:alpha(opacity=70);}
ul{position:fixed;right:0;bottom:20px;width:35px;z-index:1000;" }
ul li a:hover i {opacity:1.0; filter:alpha(opacity=100);}
</style>
<ul>
<li><a href="#"><i style="background-position:0px 0px;"></i></a></li>
</ul>
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #11 : 18.04.2012, 13:47:48 »
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Полупрозрачность спрайта
« Ответ #12 : 18.04.2012, 13:50:42 »
Зачем вы с этим i выдрючиваетесь? Да и ховер тогда на него нужно ставить, а не на а. Прозрачность то для i ставите. Чем вас font-style:italic; вообще не устраивает? Дурью маетесь какой то.
Записан
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #13 : 18.04.2012, 13:53:11 »
Цитата: al-teen от 18.04.2012, 13:50:42
Зачем вы с этим i выдрючиваетесь? Да и ховер тогда на него нужно ставить, а не на а. Прозрачность то для i ставите. Чем вас font-style:italic; вообще не устраивает? Дурью маетесь какой то.
я в i указываю позицию спрайта ведь...
Прошу прощения за свою тупость)))
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Полупрозрачность спрайта
« Ответ #14 : 18.04.2012, 13:55:45 »
Я ж дал код выше
Записан
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #15 : 18.04.2012, 14:00:39 »
Цитата: al-teen от 18.04.2012, 13:55:45
Я ж дал код выше
Вот пытаюсь его приспособить... Не особо получается... т.е. я вывел картинку целиком, не поделив на куски.
И прозрачность тоже не меняется
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Полупрозрачность спрайта
« Ответ #16 : 18.04.2012, 14:01:52 »
Записан
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Полупрозрачность спрайта
« Ответ #17 : 18.04.2012, 14:37:55 »
Вывел вашим способом, но прозрачность все равно не меняется =(
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Полупрозрачность спрайта
« Ответ #18 : 18.04.2012, 21:16:37 »
Ссылку
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

 Ответов: 5
Просмотров: 4250 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

 Ответов: 9
Просмотров: 1872 		Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

 Ответов: 6
Просмотров: 1547 		Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

 Ответов: 16
Просмотров: 1702 		Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

 Ответов: 4
Просмотров: 2287 		Последний ответ 09.01.2016, 17:07:35
от warlocksp