Полупрозрачные модули с закруглеными углами

Тема в разделе "Создание шаблона", создана пользователем GOoDm@n, 18.07.2008.

Статус темы:
Закрыта.
  1. GOoDm@n
    Offline

    GOoDm@n Недавно здесь

    Регистрация:
    30.05.2007
    Сообщения:
    17
    Симпатии:
    1
    Пол:
    Мужской
    Здравствуйте!

    На днях сделал макет сайта в фотошопе. По замыслу в шаблоне должны быть модули с закругленными углами да ещё и полупрозрачные. Раньше далал закругленные углы модулей но тогда прозрачности не было. А щас мне надо что б модуль выглядел в любой позиции одинаково. Размер модуля по ширине нерастяжный. Я понимаю что усложнил себе жизнь )) но это мне надо как то сделать.

    Что бы вы посоветовали в таком случае? Заранее всем благодарен! ;)
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Полупрозрачные модули с закруглеными углами

    GOoDm@n, сначала div модуля с "нижней" заливкой, потом создаем эти закругленные полупрозрачные штуки и сохраняем в png, оформляем как обычный модуль.
     
  4. GOoDm@n
    Offline

    GOoDm@n Недавно здесь

    Регистрация:
    30.05.2007
    Сообщения:
    17
    Симпатии:
    1
    Пол:
    Мужской
    Ответ: Полупрозрачные модули с закруглеными углами

    а эта "нижняя" заливка не будет пробиватся по углам? со скриптами номер не проходит
     
  5. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Полупрозрачные модули с закруглеными углами

    GOoDm@n, у меня не пробивала
     
  6. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Полупрозрачные модули с закруглеными углами

    Ничего не усложнил, фиксированная ширина модулей упрощает стоящую перед тобой задачу вдвое! ;D

    Если уже занимался оформлением модулей с закругленными углами, должен знать, понадобится не одно, а несколько изображений этих самых закругленных углов. В случае с фиксированной шириной таких картинок нужно всего две - большая нижняя (два нижних угла и фоновая заливка модуля) и маленькая верхняя (два верхних угла, завершающий штрих).

    Внутри позиций модулей понадобится выставляешь стиль отображения "-2" (контейнер с заголовком третьего уровня внутри) или "-3" (четыре вложенных друг в друга контейнера с заголовком третьего уровня внутри). Использование "-2" стиля оправданно в случае, когда оформление заголовка модуля ограничивается лишь его текстовым оформлением, бэкграунд займет верхняя заливка модуля, в случае же, когда заголовок оформляется еще и графически, без использования "-3" стиля не обойтись.

    Картинки в известном тебе графическом редакторе можно изготовить как сразу с прозрачностью, так и без нее, поскольку прозрачность изображений можно задать также и при помощи CSS, для чего используются различные фильтры. Удачи!
     
    GOoDm@n нравится это.
  7. GOoDm@n
    Offline

    GOoDm@n Недавно здесь

    Регистрация:
    30.05.2007
    Сообщения:
    17
    Симпатии:
    1
    Пол:
    Мужской
    Ответ: Полупрозрачные модули с закруглеными углами

    Спасибо за помощь! Но хотелось бы и на примере увидеть;)

    А в этом случае по высоте модуль будет растяжен? Я раньше думал что надо как минимум 3 картинки:
    1. 2 верхних угла
    2. фон
    3. 2 нижних угла

    Это я так делал когда у меня не было прозрачности, а щас не получится так...

    Добавлено через 3 часа 50 минут
    всем спасибо! уже разобрался. порядок вывода изображений не тот был просто.:)
     
    Последнее редактирование: 21.07.2008
Статус темы:
Закрыта.

Поделиться этой страницей

Загрузка...