Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

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

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
Просмотров: 4157 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

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

Автор warlocksp

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

Автор warlocksp

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

Автор warlocksp

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