Форумы
Вселенная аллодов
08.10.2004, 01:42
P.S.: Если нет время читать пост, то вопрос находится внизу поста. 
В общем, в последнее время заинтересовался я этим очень красивым эффектом, который позволяет отдельные объекты делать полупрозрачными. Нарвался я на один какой-то сайт очень красивый, на космическую тему, вроде бы с PhpBB 2 и вот с этими полупрозрачными панелями. Тогда я и захотел использовать у себя такой же эффект. Где-то у меня была страница этого сайта. Ах да, это ж был Alpha-klan из вторых аллодов. Вот сайт: Alpha-klan.h12.ru. Ну, первым делом я значит полез копаться, как они это сделали. И, к сожалению, узнал, что на этом сайте этот красивый эффект был просто напросто сымитирован - были в нужные места подставлены картинки и усё.
Плюс, скин тоже оказался содранным с какого-то шаблона. Ну да ладно про него. Я решил на этом не останавливаться. После не таких уж и продолжительных поисков я нашёл пару статей, где говорится о том, как реализовать эту полупрозрачность в реале, а не имитацией. Несколько раз попытался сделать всё так, как там было описано, но никакого эффекта не получил. Тогда, в отчаянии, я стал искать более извращённые способы получения этого эффекта...
Первым делом мне в голову пришла мысль использовать в качестве фона просто полупрозрачные иконки. Идея оказалась частично верной. Я выбрал именно формат иконки, т.к. GIF и JPG с полупрозрачным цветом не работают. А PNG в Photoshop чё-то у меня так полупрозрачным и не вышел. А под рукой оказался редактор иконок (IconXP v1.04). Вот им я и сделал такой финт. Как обычно, запустил Apache, MySQL, Opera и загрузил страницу (www.mrelf.h12.ru), без интернета, конечно. Результат оказался весьма хороший - я увидел полупрозрачную панель, на которой красовался чёткий текст и картинки. Ради эксперимента, я загрузил эту же страницу в Internet Explorer и... облом! :angry: Эксплохер ничего полупрозрачного не показал, просто цвет и всё. Вот тогда я занялся темами про полупрозрачность, скачанными от куда-то из интернета (http://webdetector.w6.ru/stat-i/statiya_7.html, http://sitemaker.ru/forum/showthread.php...eadid=2098, http://xpoint.ru/forums/thread.xhtml?act...d&id=18767, http://vbkoders.net.ru/info/info.asp?typ...cles&id=66). Наконец, вскоре я добился работы описанного способа - использование фильтра в CSS:Но меня уже ждал новый облом! :angry: Моя изначальная ошибка заключалась в том, что я хотел добиться работы этой фишки в Опере, а, как оказалось, она работает только в Эксплохере...
Вскоре я нашёл ещё статей про PNG картинки, нашёл редактор более-менее подзодящий и сделал PNG с полупрозрачностью. Эффект получился точно такой же, как и от иконки - видно только в Опере. И, вдруг, меня осинило - ведь можно спокойно слепить два метода в один:Я уже был готов к тому, что наконец добился желаемого результата, но........ Меня уже ждал очередной облом! :angry: В Опере все полупрозрачные элементы были насыщенными и яркими, а в Эксплохере - бледными и тусклыми.... Это меня поставило окончательно в тупик.
Собсно, к чему всё это. Никто не знает, если такой параметр CSS, который будет работать только в Internet Explorer'е и будет изменять цветовые характеристики объекта (ну, оттенок, насыщенность и т.п.) ??
В общем, в последнее время заинтересовался я этим очень красивым эффектом, который позволяет отдельные объекты делать полупрозрачными. Нарвался я на один какой-то сайт очень красивый, на космическую тему, вроде бы с PhpBB 2 и вот с этими полупрозрачными панелями. Тогда я и захотел использовать у себя такой же эффект. Где-то у меня была страница этого сайта. Ах да, это ж был Alpha-klan из вторых аллодов. Вот сайт: Alpha-klan.h12.ru. Ну, первым делом я значит полез копаться, как они это сделали. И, к сожалению, узнал, что на этом сайте этот красивый эффект был просто напросто сымитирован - были в нужные места подставлены картинки и усё.
Плюс, скин тоже оказался содранным с какого-то шаблона. Ну да ладно про него. Я решил на этом не останавливаться. После не таких уж и продолжительных поисков я нашёл пару статей, где говорится о том, как реализовать эту полупрозрачность в реале, а не имитацией. Несколько раз попытался сделать всё так, как там было описано, но никакого эффекта не получил. Тогда, в отчаянии, я стал искать более извращённые способы получения этого эффекта...Первым делом мне в голову пришла мысль использовать в качестве фона просто полупрозрачные иконки. Идея оказалась частично верной. Я выбрал именно формат иконки, т.к. GIF и JPG с полупрозрачным цветом не работают. А PNG в Photoshop чё-то у меня так полупрозрачным и не вышел. А под рукой оказался редактор иконок (IconXP v1.04). Вот им я и сделал такой финт. Как обычно, запустил Apache, MySQL, Opera и загрузил страницу (www.mrelf.h12.ru
), без интернета, конечно. Результат оказался весьма хороший - я увидел полупрозрачную панель, на которой красовался чёткий текст и картинки. Ради эксперимента, я загрузил эту же страницу в Internet Explorer и... облом! :angry: Эксплохер ничего полупрозрачного не показал, просто цвет и всё. Вот тогда я занялся темами про полупрозрачность, скачанными от куда-то из интернета (http://webdetector.w6.ru/stat-i/statiya_7.html, http://sitemaker.ru/forum/showthread.php...eadid=2098, http://xpoint.ru/forums/thread.xhtml?act...d&id=18767, http://vbkoders.net.ru/info/info.asp?typ...cles&id=66). Наконец, вскоре я добился работы описанного способа - использование фильтра в CSS:Код:
filter: alpha( style=0, opacity=50 );Вскоре я нашёл ещё статей про PNG картинки, нашёл редактор более-менее подзодящий и сделал PNG с полупрозрачностью. Эффект получился точно такой же, как и от иконки - видно только в Опере. И, вдруг, меня осинило
- ведь можно спокойно слепить два метода в один:Код:
filter: alpha( style=0, opacity=50 );
background: url(style_images/<#IMG_DIR#>/orange.png);Собсно, к чему всё это.
Никто не знает, если такой параметр CSS, который будет работать только в Internet Explorer'е и будет изменять цветовые характеристики объекта (ну, оттенок, насыщенность и т.п.) ??
