[Вопрос] Прозрачные счётчики.Как сделать?

01-29-2012, 02:18 AM

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

Заранее спасибо.

01-29-2012, 02:41 AM

Code:

<div id="counter">your_code</div>

и CSS

Code:

#counter a img {    
 opacity:0.3;
 -moz-opacity:0.3;
 filter:alpha(opacity=30);    
 }    

 #counter a:hover img {    
 opacity:1.0;
 -moz-opacity:1.0;
 filter:alpha(opacity=100);    
 }

Должно сработать

01-29-2012, 12:58 PM

Quote:

Originally Posted by Sven

Code:

<div id="counter">your_code</div>

и CSS

Code:

#counter a img {    
 opacity:0.3;
 -moz-opacity:0.3;
 filter:alpha(opacity=30);    
 }    

 #counter a:hover img {    
 opacity:1.0;
 -moz-opacity:1.0;
 filter:alpha(opacity=100);    
 }

Должно сработать

Не сработало)Тот счётчик,который я для теста засунул между данным кодом,
просто пропал в таинственную неизвестность.А это у всех работает?
Просто в postbit.css у меня еще 2 похожих кода.
Один делает рамки,а другой красивую цитату.

01-29-2012, 03:06 PM

Работает

1. Без наведения на иконку
2. Навел на иконку

Quote:

Originally Posted by ElentyVB

еще 2 похожих кода.

каких? с ИД counter? - смени название..

Quote:

Originally Posted by ElentyVB

postbit.css

причем тут вообще postbit.css? Код же нужно глобально сделать, выбери какой-нибудь css шаблон, который подключается на ВСЕХ страницах

01-30-2012, 12:37 AM

header или foter пойдёт?

01-30-2012, 12:54 AM

Для таких случаев в 4ке используют additional.css

01-30-2012, 02:54 AM

ElentyVB, во всех опциях стиля, снизу будет основная и дополнительная таблица CSS.

01-30-2012, 03:42 AM

Тебе верно всё подсказали пробуй добавить CSS в шаблон additional.css
Как найти тут глянь -> http://rghost.ru/36220210/image.png
А далее прописываешь в поле Шаблон.

01-30-2012, 03:59 AM

Quote:

Originally Posted by AleX

во всех опциях стиля, снизу будет основная и дополнительная таблица CSS.

В 4-ке этого нет

01-30-2012, 05:02 AM

Оффтоп