Прозрачность окантовки форума 3.2.х - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены
Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Прозрачность окантовки форума 3.2.х проблема с применением тэга opacity

#1 Пользователь не на сайте   Dioman »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 12
  • Регистрация: 18-Май 08
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 19 Январь 2012 - 16:55

Редактирую в ipb_styles.css --> #content {, строчку:

box-shadow: 0 5px 9px rgba(0,0,0,0.1); background: #091417;


Если приставляю тэг opacity, то полупрозрачным становится весь форум, а мне нужна только окантовка форума.

Как сделать, чтобы полупрозрачными была только рамка форума? Очень многое испробовала, никак не получается :( Или тут надо новый стиль прописывать?



PS. "Создание новой темы" оформлено потрясающе :D
0

#2 Пользователь не на сайте   weiss »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 113
  • Регистрация: 07-Август 11
  • Репутация: 14
  • Откуда:Rivendell
  • IPB version:3.2.x
 

Отправлено 19 Январь 2012 - 17:36

box-shadow: 0 5px 9px rgba(0,0,0,0.1);

Это свойство отвечает за тень вашего элемента. Прозрачность тени здесь регулируется изменением цифры 0.1 (от 0 до 1). А первые 3 нуля — это цвет в формате RGB (в вашем случае черный).
Свойство opacity — это прозрачность всего элемента.
0

#3 Пользователь не на сайте   Dioman »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 12
  • Регистрация: 18-Май 08
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 19 Январь 2012 - 18:44

Вот я тупезень :D Спасибо! Если кто-то также тупить будет, то просто в самом background прописывать rgba надо

Пример:
#content {
        background: rgba(0,0,0,0.4);
	padding: 10px 10px;
	line-height: 120%;
	-webkit-box-shadow: 0 5px 9px rgba(0,0,0,1);
	-moz-box-shadow: 0 5px 9px rgba(0,0,0,1);
	box-shadow: 0 5px 9px rgba(0,0,0,1); 
}

0

#4 Пользователь не на сайте   weiss »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 113
  • Регистрация: 07-Август 11
  • Репутация: 14
  • Откуда:Rivendell
  • IPB version:3.2.x
 

Отправлено 19 Январь 2012 - 20:56

Просмотреть сообщениеDioman сказал(а):

просто в самом background прописывать rgba надо

Не лучшее решение. Гораздо кроссбраузернее задавать элементу следующие свойства:
filter:alpha(opacity=90); /* IE8 and earlier */
opacity: 0.90;

Для совсем древних Mozilla (<1.6), Safari (<1.1) можно также прописать -moz-opacity и -khtml-opacity, но сегодня это уже лишнее.
0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Заказ дизайна форума

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.3 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2012 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна