В теме нет никаких инновационных идей, такие вещи уже использовались, как минимум один раз :)
Задача: кнопка 88х31, показывающая, например, ТиЦ и ПР. Цвет фона страницы, на которой она будет размещена неизвестен, и, чтобы кнопка не выглядела инородным предметом, сделаем ее универсально подходящей к любому цвету фона.
Я пользуюсь программой Adobe Fireworks, но то же самое можно сделать практически в любом редакторе.
Итак, создаем прямоугольник 88х31 пикселов (1 на рисунке 1) с вертикальной градиентной заливкой #000000 непрозрачностью 50% в #000000 с непрозрачностью 0%.
Прямоугольник 88х31 пикселов (2 на рисунке 1)с с вертикальной градиентной заливкой #FFFFFF непрозрачностью 10% в #FFFFFF с непрозрачностью 50%.
Прямоугольник 84х14 пикселов (3 на рисунке 1) с с вертикальной градиентной заливкой #FFFFFF непрозрачностью 10% в #FFFFFF с непрозрачностью 30%.
Прямоугольник 88х31 пикселов (5 на рисунке 1) с рамкой #999999.
Логотип с названием (4 на рисунке 1) и текст (6 на рисунке 1).
Внизу видим, что получилось в собранном виде. Сохраняем полученное в ПНГ с альфа-каналом и можем использовать кнопку-хамелеон на любом фоне.
Рисунок 1:
Рисунок 2 (кнопка с разными цветами фона):
Собственно, таким образом можно использовать любую подготовленную картинку.
Задача: кнопка 88х31, показывающая, например, ТиЦ и ПР. Цвет фона страницы, на которой она будет размещена неизвестен, и, чтобы кнопка не выглядела инородным предметом, сделаем ее универсально подходящей к любому цвету фона.
Я пользуюсь программой Adobe Fireworks, но то же самое можно сделать практически в любом редакторе.
Итак, создаем прямоугольник 88х31 пикселов (1 на рисунке 1) с вертикальной градиентной заливкой #000000 непрозрачностью 50% в #000000 с непрозрачностью 0%.
Прямоугольник 88х31 пикселов (2 на рисунке 1)с с вертикальной градиентной заливкой #FFFFFF непрозрачностью 10% в #FFFFFF с непрозрачностью 50%.
Прямоугольник 84х14 пикселов (3 на рисунке 1) с с вертикальной градиентной заливкой #FFFFFF непрозрачностью 10% в #FFFFFF с непрозрачностью 30%.
Прямоугольник 88х31 пикселов (5 на рисунке 1) с рамкой #999999.
Логотип с названием (4 на рисунке 1) и текст (6 на рисунке 1).
Внизу видим, что получилось в собранном виде. Сохраняем полученное в ПНГ с альфа-каналом и можем использовать кнопку-хамелеон на любом фоне.
Рисунок 1:
Рисунок 2 (кнопка с разными цветами фона):
Собственно, таким образом можно использовать любую подготовленную картинку.
