Перейти к содержимому
Русский язык для Invision Community 5

Эффект полупрозрачности

Вот мне интересно, как сделать скин похожий на этот www.forums.tom.ru/forumok в IPB.

Как этот эфект полупрозрачности на панелях и кнопках делаеться? Подскажите плиз :)

Рекомендованные сообщения

Во-первых, постарайтесь не постить активные ссылки без крайней необходимости.

Обилие внешних исходящих ссылок вредит любому сайту, как вебмастеру Вам давно пора понимать такие вещи.

Во-вторых, создать прозрачность можно, раскомментировав 4 строчки в футере (2.2-2.3) и использовав прозрачный png как фон.

Раскомментированный скрипт из футера для быстрой загрузки можно перенести в шапку, иначе в IE png потеряет прозрачность.

  • Автор

Сори, забыл про ссылки :)

А что тыкое Раскомментированный? И чо такое футер?

И как должен выглядить phg файл? Просто прозрачный квадратик 10x10?

Его в в таблицу стилей вставлять что-ли? :)

skin_global > global_board_footer

Там внизу эти строчки закомментированы //

 if ( is_ie )
{
ie_fix_png();
}

Уберите косые палки перед ними.

Да, полупрозрачный квадратик для сплошного фона. Вставлять надо в нужный класс в css.

Сори, забыл про ссылки :)

А что тыкое Раскомментированный? И чо такое футер?

И как должен выглядить phg файл? Просто прозрачный квадратик 10x10?

Его в в таблицу стилей вставлять что-ли? :)

Просто уберите

/*

  • Автор

Сделал

Раскомментированный скрипт из футера для быстрой загрузки можно перенести в шапку, иначе в IE png потеряет прозрачность.

Это как? 

В IE прозрачности действительно не видно :unsure:

Должно быть также, как в моем примере.

Найдите в шаблоне эти строчки и уберите перед ними лишнее.

  • Автор

я уже исправил, но чо-то ничо....

Мож дело в самом png?

  • Автор

В Опере прозрачность появилась, а в IE ничего :(

можете помочь?

Правьте footer, я же написала, раскомментируйте скрипт.

  • Автор

Рысачки перед

if ( is_ie )

{

ie_fix_png();

}

убраны, в Опере всё прозрачное а в IE нет :(

skin_global > global_board_footer

Там внизу эти строчки закомментированы //

 if ( is_ie )
{
ie_fix_png();
}

Уберите косые палки перед ними.

Да, полупрозрачный квадратик для сплошного фона. Вставлять надо в нужный класс в css.

кстати, я так делал, но почему-то IE6 так и не захотел показывать фон pop-menu

Вот мне интересно, как сделать скин похожий на этот www.forums.tom.ru/forumok в IPB.

Как этот эфект полупрозрачности на панелях и кнопках делаеться? Подскажите плиз :huh:

На данном форуме полупрозрачность достигнута простыми рисунками. В фон вставлена более контрастная и темная картинка, а в панель окружающую таблицы вставлена картинка менее контрастная и более светлая.

То же самое с кнопочками, они изначально нарисованы и вставлены в шапку так, чтобы создавать впечатление прозрачности.

 

Для проработки в IE6 прозрачности png картинки вставленной в css, как background есть сособы. Тут небольшой обзор обработки png, в том числе и фонового: www.seleckis.lv/journal/web-design/reboot-chto-takoe-png-format-png-v-ie

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.