Полупрозрачный баннер

Поделиться127.12.2009 20:23:35

Автор: ms::savage
['minima_maxima]
Откуда: не известно...
Зарегистрирован: 28.11.2009
Приглашений: 0
Сообщений: 84
Уважение: +5
Позитив: +9
Пол: Женский
Провел на форуме:
1 день 9 часов
Последний визит:
02.08.2010 09:28:57

В html-низ:

<style>#banners a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}</style>

30 и 100 - можно заменить на желаемую полупрозрачность о.О

Сам баннер и/или любое изображение берете в тег:

Код:

<div id="banners">сюда сливаете все...</div>

Очень просто! =))

Кстати - так же это можно вставить в цвета style_cs.css под:

Код:

/* CS5 Other
 -------------------------------------------------------------*/
#banners a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

Это для тех, кто с ксс лучше работает и не любит "перескриптовывать" форум.)))
Но изображения все же в тег дива не забываем брать ))))

Отредактировано Savage (27.12.2009 21:10:05)

+1

Поделиться227.12.2009 20:38:24

Автор: Apple
apple.
Зарегистрирован: 20.12.2009
Приглашений: 0
Сообщений: 120
Уважение: +3
Позитив: +12
Пол: Женский
Провел на форуме:
1 день 3 часа
Последний визит:
01.01.2010 23:08:13

Savage
ААААААА пасибочки грамаднейшеееее давно искала +________+
тысчупитсот плюсов о..о

0

Поделиться327.12.2009 20:42:17

Автор: ms::savage
['minima_maxima]
Откуда: не известно...
Зарегистрирован: 28.11.2009
Приглашений: 0
Сообщений: 84
Уважение: +5
Позитив: +9
Пол: Женский
Провел на форуме:
1 день 9 часов
Последний визит:
02.08.2010 09:28:57

.d написал(а):

давно искала +________+

Да... Самое удивительное, что я нашла этот долбанный код за один запрос в яндексе... хД
Самое странное - он не отображается в исходном коде - поэтому никто не мог найти...

+1

Поделиться427.12.2009 20:46:07

Автор: Apple
apple.
Зарегистрирован: 20.12.2009
Приглашений: 0
Сообщений: 120
Уважение: +3
Позитив: +12
Пол: Женский
Провел на форуме:
1 день 3 часа
Последний визит:
01.01.2010 23:08:13

Savage
вот вот, а можно ли этот код распространить на верхний баннер?

0

Поделиться527.12.2009 20:56:38

Автор: ms::savage
['minima_maxima]
Откуда: не известно...
Зарегистрирован: 28.11.2009
Приглашений: 0
Сообщений: 84
Уважение: +5
Позитив: +9
Пол: Женский
Провел на форуме:
1 день 9 часов
Последний визит:
02.08.2010 09:28:57

.d написал(а):

вот вот, а можно ли этот код распространить на верхний баннер?

Нет.
Его ведь в тэг не возьмешь...
Но могу дать этот скрипт - он все изображения-ссыли вроде, как тусклыми делает **

Код:

<style>    .title-logo-tdr a *,
    .title-logo-tdr #bsbn290,
    .punbb element,
    #tieser-bottom  a img {
    filter:progid:    DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    filter:        alpha(opacity=50);
    -moz-opacity:     0.5; /* Mozilla 1.6 */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity:     0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    }

    #tieser-bottom  a img {
    margin: 0;
    }

    #html-footer a img,
    a .postimg {
    filter:progid:    DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    filter:        alpha(opacity=80);
    -moz-opacity:     0.8; /* Mozilla 1.6 */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity:     0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    }

    .title-logo-tdr a:hover *,
    #html-footer a:hover img,
    .title-logo-tdr a:hover #bsbn290,
    .punbb a:hover element,
    #tieser-bottom  a:hover img,
    a:hover .postimg {
    filter:progid:    DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    filter:        alpha(opacity=100);
    -moz-opacity: 1; /* Mozilla 1.6 */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity:     1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    }</style>

+1