Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Dimidrol

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

skin_global > global_board_footer

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

 if ( is_ie )
{
ie_fix_png();
}

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

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

Share this post


Link to post
Share on other sites
Сори, забыл про ссылки :)

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

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

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

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

/*

Share this post


Link to post
Share on other sites

Сделал

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

Это как? 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

if ( is_ie )

{

ie_fix_png();

}

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

Share this post


Link to post
Share on other sites
skin_global > global_board_footer

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

 if ( is_ie )
{
ie_fix_png();
}

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

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

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

Share this post


Link to post
Share on other sites
Вот мне интересно, как сделать скин похожий на этот 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...