Компьютерный форум NoWa.cc Здесь может быть Ваша реклама
Правила Форума
редакция от 22.06.2020
Форум .::NoWa.cc::.
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Вeб Дизайн > CSS

Уважаемые пользователи nowa.cc. Мы работаем для вас более 20 лет и сейчас вынуждены просить о финансовой помощи по оплате за сервер.
Окажите посильную поддержку, мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney WMZ: Z021474945171 Webmoney WME: E159284508897 Webmoney WMUSDT: T206853643180
Кошелёк для вашей помощи YooMoney 4100117770549562
YooMoney Спасибо за поддержку!

Ответ
 
Опции темы Опции просмотра Language
Старый 19.05.2008, 07:43   #1
Неактивный пользователь
 
Регистрация: 19.05.2008
Сообщений: 5
Репутация: 0
По умолчанию Баннеры как в тумане

как сделать так чтобы банеры были типо в тумане а когда на них наводили мышкой они становились по одному в нормальном свете??????
DJ_FOMA вне форума
 
Ответить с цитированием Вверх
Здесь может быть Ваша реклама
Здесь может быть Ваша реклама


Реклама: пульпит методы лечениякупить дом барнхаус50 ком датчик температурыМебельный магазин: угловой столик - Переходи на сайт!Мебельный магазин: купить рабочий стол на кухню - Переходи на сайт!


Старый 11.06.2008, 11:58   #2
Метеограф
Неактивный пользователь
 
Аватар для Метеограф
 
Регистрация: 11.06.2008
Сообщений: 1
Репутация: 0
По умолчанию Ответ: Баннеры как в тумане

<a id="banner" href="link"><img src="images/spacer.gif"></a> <!-- spacer.gif - прозрачный gif -->

css:
a#banner{ background: url(images/размытый_баннер.jpg);}
a:hover#banner{ background: url(images/резкий_баннер.jpg);}
Метеограф вне форума
 
Ответить с цитированием Вверх
Старый 23.08.2008, 08:06   #3
deXes
Неактивный пользователь
 
Регистрация: 23.08.2008
Сообщений: 1
Репутация: 0
По умолчанию Re: Баннеры как в тумане

можешь попробовать с помощью прозрачности. тоесть делаешь бекграунд-колор - блек, прозрачность. в итоге картинка получается темной. а при наведении все как обычно.
deXes вне форума
 
Ответить с цитированием Вверх
Старый 31.08.2008, 11:18   #4
Tibald
Неактивный пользователь
 
Пол:Мужской
Регистрация: 27.04.2007
Сообщений: 12
Репутация: 7
По умолчанию Re: Баннеры как в тумане

свойство - opalcity - прозрачность только может под ИЕ толкьо работать.
Tibald вне форума
 
Ответить с цитированием Вверх
Старый 03.09.2008, 16:28   #5
UrikRu
Неактивный пользователь
 
Пол:Мужской
Регистрация: 03.09.2008
Сообщений: 18
Репутация: 3
По умолчанию Re: Баннеры как в тумане

Либо просто подгружать 2 картинки и менять их скриптом
UrikRu вне форума
 
Ответить с цитированием Вверх
Старый 07.11.2008, 10:58   #6
kvakazyambra
Неактивный пользователь
 
Регистрация: 26.12.2007
Сообщений: 21
Репутация: 4
По умолчанию Re: Баннеры как в тумане

Цитата:
Сообщение от Tibald Посмотреть сообщение
свойство - opalcity - прозрачность только может под ИЕ толкьо работать.

Для ИЕ можно фильтры использовать.

Если баннеров не очень много, можно так сделать:
Код:
a .banner {
opacity: 0.5;
filter: alpha(opacity=50);
}
a:hover .banner {
opacity: 1;
filter: alpha(opacity=100);
}
Работать будет в IE6+ и всех нормальных браузерах. В FF2 при изменении opacity до 1 может наблюдаться небольшой сдвиг элемента. Лечится заменой 1 на 0.99. Визуально разницы не заметно, зато прыгать не будет.

N.B. Большое количество фильтров на странице может ощутимо тормозить начальный рендеринг страницы в IE, так что злоупотреблять ими не стоит.
kvakazyambra вне форума
 
Ответить с цитированием Вверх
Ответ


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Логотипы, баннеры...(JPEG, PNG, PSD) Sentinel Дизайн для полиграфии 4 22.01.2013 12:38
Помогите отцентровать баннеры) jul76 Java Script 1 17.08.2009 02:10

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 07:15. Часовой пояс GMT +3.


Copyright ©2004 - 2026 NoWa.cc

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2026, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.05076 секунды с 11 запросами